Jquery MVC 5使用多个复选框将表单发布到控制器
我有一个员工列表,我需要以以下格式显示:一个表格,其中提到了Jquery MVC 5使用多个复选框将表单发布到控制器,jquery,asp.net-mvc-5,Jquery,Asp.net Mvc 5,我有一个员工列表,我需要以以下格式显示:一个表格,其中提到了员工的姓名,如果他是员工和如果他是永久员工,用复选框表示 我还希望能够通过选中列Name左侧的复选框来选中所有复选框,并能够通过选中每行右侧的复选框来选择员工 示例:如果我选中Jhon Smith左侧的复选框,则将选中Employee和Permanent列 jQuery的检查应该不会有问题,但我很难将其绑定到视图,然后在保存后将其发送回控制器 (这是针对MVC4的,我不确定是否有任何变化) 如果您使用的是强类型视图,那么这很容易做到 强
员工的姓名
,如果他是员工
和如果他是永久员工
,用复选框表示
我还希望能够通过选中列Name
左侧的复选框来选中所有复选框,并能够通过选中每行右侧的复选框来选择员工
示例:如果我选中Jhon Smith左侧的复选框,则将选中Employee和Permanent列
jQuery的检查应该不会有问题,但我很难将其绑定到视图,然后在保存后将其发送回控制器
(这是针对MVC4的,我不确定是否有任何变化)
如果您使用的是强类型视图,那么这很容易做到
强类型视图上自动生成的“列表”类型与该布局类似
假设此视图采用@模型列表
。创建一个强类型局部视图,该视图包含一个CheckBoxViewModel
类,用于每个employee checkbox属性,该属性有一个复选框标签和id条目,复选框的复选框属性有一个bool
然后,您可以使用EmployeeViewModel
上的CheckBoxViewModel
s使用Html.EditorFor
来显示此局部视图。局部视图将是沿着…线的东西
@model CheckBoxViewModel
@Html.CheckBoxFor(cbox => cbox.Checked)
@Html.LabelFor(cbox => cbox.Checked, Model.Label)
@Html.HiddenFor(cbox => cbox.Id)
@Html.HiddenFor(cbox => cbox.Label)
您可能想错过查看示例时的标签,但只要隐藏的标签在那里,我认为就可以了
然后可以为视图控制器的POST
版本提供一个输入参数类型List employees
,该参数类型将包含employees对象中的复选框值
对于左边的勾选框,您只需创建一个带有普通JavaScript或jQuery事件的纯HTML版本,以在选中/取消选中时检查同一行中的内容。类似的内容在这里详细介绍-为此使用jquery。对于这种情况,击倒是有效的。试着调查一下淘汰赛