MVC

Question

hELLO!

As we do use SelectedIndex Change event in asp.net for drop down list, so what is the alternate of it in MVC 4 ?
I want to provide some function calling event in drop down list selection list in mVC. (How to do that?)

Jignesh Trivedi · Answer

hi drop down change event can help you because it give the guaranty to data change

Abhishek Jaiswal · Answer

i have 4 functions like function renderpiechart() { dosomething } and more.. now i want to know how to access them in my click event of dropdown list. like if i selected column chart then it must render column chart and so on. what event i need to create for that functionality

Jignesh Trivedi · Answer

Hi you code look fine and it must working... are you facing any issue?

Abhishek Jaiswal · Answer

Hello! Here's my code in .aspx page (codebehind) $(document).ready(function () { $(#Type).prop(disabled true); $(#Chart).change(function () { if ($(#Chart).val() != Select) { var ChartOptions = {}; ChartOptions.url = /Sample/type; ChartOptions.type = POST; ChartOptions.data = JSON.stringify({ Chart: $(#Chart).val() }); ChartOptions.datatype = json; ChartOptions.contentType = application/json; ChartOptions.success = function (TypeList) { $(#Type).empty(); for (var i = 0; i { $(#Type).append(  + TypeList[i] +  ); } $(#Type).prop(disabled false); }; ChartOptions.error = function () { alert(Error in Getting Chart Type!); }; $.ajax(ChartOptions); } else { $(#Type).empty(); $(#Type).prop(disabled true); } }); }); @using (Html.BeginForm(Index Sample FormMethod.Post)) { @Html.AntiForgeryToken() Select Chart & Type @Html.ValidationSummary() @Html.Label(Select Chart: new { @class = col-md-2 control-label}) @Html.DropDownList(Chart ViewData[Chart] as SelectList new { @class = form-control }) @Html.Label(Select Type: new { @class = col-md-2 control-label }) } Code in my controller public ActionResult Index() { List ListItems = new List (); ListItems.Add(Select); ListItems.Add(Area); ListItems.Add(Line); ListItems.Add(Column); ListItems.Add(Pie); SelectList Chart = new SelectList(ListItems); ViewData[Chart] = Chart; return View(); } public JsonResult Type(string Chart) { List TypeList = new List (); switch (Chart) { case Area: break; case Line: break; case Column: break; case Pie: break; } return Json(TypeList); } now i want to know how to provide load of particular functions on selecting particular item from list. What i need to do to load those functions.

Jignesh Trivedi · Answer

Hi Jquery(html) change event can help you in this case... you can write the change event for drop down either in document.ready function or with declaretion of dropdown for example @Html.DropDownListFor(m => m.Id ViewData[Data] as IEnumerable  Select One new {@id=changeEvent }) $(document).ready(function () { $(#changeEvent).change(function () { //do your code here... }); }); Other way @Html.DropDownListFor(m => m.Id ViewData[Data] as IEnumerable  Select One new {@id=changeEvent  onchange = fnChangeEvent()}) function fnChangeEvent() { // do your code here if ($(#changeEvent).val() != Select) { } } Hope this will help you.