Tengo un MVC, DropDownList de selección múltiple que llena los elementos seleccionados de un modelo SelectListItem .
@Html.DropDownList("EmployeeStatuses", (IEnumerable<SelectListItem>)ViewBag.EmployeeStatuses, new { multiple = "multiple", style = "width: 100%;", @class = "select2", onchange = "UpdateEmployeeStatusFilter()", id = "employee-status-type" })
Cuando el usuario selecciona o anula la selección de elementos de DropDownList , quiero ejecutar un método en mi controlador que filtre los datos en la vista. Esto se hace con el evento onChange UpdateEmployeeStatusFilter() .
<script type="text/javascript"> function UpdateEmployeeStatusFilter() { var value = $('#employee-status-type').val(); console.log(value); var a = ["X", "Y", "Z"]; console.log(a); $.ajax({ type: 'POST', url: '@Url.Action("SearchEmployee", "Employee")', data: { valueMember: value }, dataType: 'json', traditional: true, success: function (msg) { alert(msg) } }); }; </script> Cuando depuro el script, puedo obtener el valor del value y escribirlo en la ventana de la consola. Cuando se llama al método del controlador, el valor es null .
public IActionResult SearchEmployee(string itemsSelected) { // Do Stuff with itemsSelected return RedirectToAction("Index"); }Mi pregunta es ¿cómo obtengo ese valor en mi controlador?
No estoy seguro de si este código es relevante o no, pero lo incluiré para mayor claridad.
public IActionResult Index() { // Get Employment Statuses IEnumerable<SelectListItem> statuses = _mockDataRepository.GetEmployeeStatuses().Select(c => new SelectListItem { Value = c.ValueMember, Text = c.DisplayMember, Selected = c.ValueMember == "AC" }); ViewBag.EmployeeStatuses = statuses; } public class SelectListItem { [Key] public string ValueMember { get; set; } public string DisplayMember { get; set; } public int SortOrder { get; set; } = 0; }Falta de coincidencia de nombre. El método de acción SearchEmployee() tiene el parámetro de entrada itemsSelected . Por lo tanto, establezca el mismo nombre de parámetro en la llamada .ajax :
data: { itemsSelected: value },