Asp.net mvc 如何在剑道网格中添加选中列
我尝试了上面的列属性Boolean=>Isselected以选中列并可编辑,但它不起作用Asp.net mvc 如何在剑道网格中添加选中列,asp.net-mvc,checkbox,kendo-ui,grid,selector,Asp.net Mvc,Checkbox,Kendo Ui,Grid,Selector,我尝试了上面的列属性Boolean=>Isselected以选中列并可编辑,但它不起作用 例如,您试图添加显示复选框的客户端模板,例如Photo。我采用稍微不同的方法设置CSS类,以便在不编辑行时,根据基础值显示勾号或叉号,然后单击单元格开始编辑时,将显示复选框。您还可以选择添加其他CSS,使勾号为绿色,十字为红色 @model IEnumerable<Pardon.Models.ViewModel.StudendsShowCreatAddViewModel> <h2>@
例如,您试图添加显示复选框的客户端模板,例如Photo。我采用稍微不同的方法设置CSS类,以便在不编辑行时,根据基础值显示勾号或叉号,然后单击单元格开始编辑时,将显示复选框。您还可以选择添加其他CSS,使勾号为绿色,十字为红色
@model IEnumerable<Pardon.Models.ViewModel.StudendsShowCreatAddViewModel>
<h2>@ViewBag.Title</h2>
@(Html.Kendo().Grid(Model)
.Name("grid")
.Columns(columns =>
{
columns.Bound(model => model.ISSelected).Template(@<text></text>).ClientTemplate("<input type='checkbox' #= ISSelected ? checked='checked':'' # class='chkbx' />");
//columns.Bound(model => model.ISSelected)///Bound(model => model.ISSelected)
//.ClientTemplate("<input type='checkbox' #= ISSelected ? checked='checked' : '' # disabled='enabled' ></input>");
columns.Bound(model => model.CoursesSystem_ID).Visible (false);
columns.Bound(model => model.per_Name);
columns.Bound(model => model.per_Family);
columns.Bound(model => model.stu_ID).Visible (false);
})
.ToolBar(toolbar =>
{
toolbar.Custom().Action("CreateStudents", "CoursesSystem", new {_StudendsShowCreatAddViewModel = @Model }).Text("ثبت");
}
)
.Groupable()
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.DataSource(dataSource => dataSource
.Server()
)
)
<script>
$(function() {
$('#grid').on('click', '.chkbx', function() {
var checked = $(this).is(':checked');
var grid = $('#grid').data().kendoGrid;
var dataItem = grid.dataItem($(this).closest('tr'));
dataItem.set('ISSelected', checked);
});
});
</script>
以上是使用课堂的方式。问候我想要一份学生名单,他们有能力在选举后进行选择。我的名单在控制器中。这项工作是在正常模式下,而不是在编辑模式下
columns.Bound(a => a.ISSelected)
.ClientTemplate("<i class='fa fa-lg #: ISSelected ? 'fa-check' : 'fa-times' #'></i>")
.HtmlAttributes(new { @class = "text-center" })
.Title("Is Selected");