如何在 Kendo Grid 中添加选中的列

Question

@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>

我尝试了上面的列属性Boolean ==>Isselected 来检查列和可编辑，它没有工作。

比如照片之类的

Answer 1

您正在尝试添加显示复选框的客户端模板。我采用稍微不同的方法设置 CSS 类，这样当不编辑行时，我会根据基础值显示一个勾号或叉号，然后当单击单元格开始编辑时，将显示复选框。或者，您可以添加额外的 CSS，使刻度为绿色，十字为红色。

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");

以上是顺便使用Font Awesome类。