kendo-ui - 如何将复选框列添加到剑道网格

Question

我正在尝试向 KendoUI 网格添加一个复选框列。这是小提琴。

我从剑道论坛关注了这篇文章。
有人可以指出我在这里做错了什么。

这是相关代码：

data-columns = '[
    {"field":"Name", "filterable":true},
    {"field":"Price", "filterable":false},
    "UnitsInStock",
    {"field":"Recon"},
    "template": "<input type='checkbox' #= (Recon == true) ? checked ='checked' : '' # disabled />"
]'

Answer 1

将您的列更改为：

[{"field":"Name", "filterable":true}, {"field":"Price", "filterable":false}, "UnitsInStock", {"field":"Recon", "template": "<input type=\"checkbox\" />" }]'

你的语法有一些错误，还有一些未转义的引号。

希望这可以帮助。

Answer 2

您可以简单地将一列添加为复选框列。

data-columns = '[
{"field":"Name", "filterable":true},
{"field":"Price", "filterable":false},
"UnitsInStock",
{"field":"Recon"},
{ selectable: true, width: "50px" } //selectable means it's a checkbox column
]'

Answer 3

在模板部分使用 CheckBox 参见下面的示例：

 {
    title: "Deck Options",
    field: "DeckOption",
    template: "<input type='checkbox' #= (DeckOption == true) ? checked ='checked' : '' # disabled/>",
    width: "7%",
    sortable: {
    mode: "single",
    allowUnsort: false
    }