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 " + 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.