我有一个 MVC,多个选择DropDownList
,用于填充SelectListItem
模型中的选择项。
@Html.DropDownList("EmployeeStatuses", (IEnumerable<SelectListItem>)ViewBag.EmployeeStatuses, new { multiple = "multiple", style = "width: 100%;", @class = "select2", onchange = "UpdateEmployeeStatusFilter()", id = "employee-status-type" })
当用户从 中选择或取消选择项目时DropDownList
,我想在我的控制器中运行一个方法来过滤视图中的数据。这是通过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>
当我调试脚本时,我能够获取 的值value
并将其写入控制台窗口。调用控制器方法时,值为null
。
public IActionResult SearchEmployee(string itemsSelected)
{
// Do Stuff with itemsSelected
return RedirectToAction("Index");
}
我的问题是如何将该值放入我的控制器中?
我不确定此代码是否相关,但为了清楚起见,我将其包含在内。
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;
}
名称不匹配。的SearchEmployee()
动作方法有itemsSelected
输入参数。因此在.ajax
调用中设置相同的参数名称:
data: { itemsSelected: value },
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句