Как добавить Проверенную колонку в сетке Кендо

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 классы.