按Checkbox状态排序Kendo UI网格？

Question

我在MVC项目中使用Kendo网格。第一列是一个由ClientTemplate定义的复选框：

.Columns(columns =>
    {
        columns.Bound(c => c.Checked).ClientTemplate(@"<input type='checkbox' class='checkbox' />").Width(50).Title("");
        columns.Bound(c => c.Id).Hidden();
        columns.Bound(c => c.FirstName); 
        columns.Bound(c => c.LastName); 
        columns.Bound(c => c.Company);  
    })

我想要的是：在点击标题之前，它看起来像第一个屏幕截图。然后对复选框进行更改，再次单击标题，它将按复选框状态对行进行排序，请参见屏幕截图2.

我尝试将第1列设置为可排序，但所有其他列都不可排序。仍然没有用。我认为这是因为当数据绑定到网格时，c.Checked总是错误的。现在，如果我们单击该复选框，则不会更改该值。这就是为什么排序不适用于此专栏。

如何使这项工作？

谢谢

Answer 1

除非在整个网格上启用排序，否则在列之后放置.Sortable(true)将不会执行任何操作。使整个网格可排序，然后只禁用不需要的列的排序：

.Columns(c => 
{ 
  c.Bound(...).Width(..).Title(....);
  c.Bound(...).Width(..).Title(....).Sortable(false);
})
.Sortable()