如何将复选框添加到 Kendo 网格的工具栏？

Question

我想在 Toolbar of a Kendo Grid 中添加一个 checkbox，但文档中没有配置或示例。那么，是否可以将 checkbox 添加为按钮？

<script>
    var grid = $("#grid").kendoGrid({
        toolbar: [
            { name: 'excel', text: 'Export to Excel' },
            { type: 'checkbox', text: 'Get full list', id: "cbFull" } //it does not work
        ]
    //code omitted for brevity
<script>

Answer 1

<script type="text/x-kendo-template" id="template">
   <div class="toolbar">
      <input type="button" id="exportExcel" value="Export Excel"/>
      <label class="list-label" for="list">Get full list:</label>
      <input type="checkbox" id="list" style="width: 75px"/>
   </div>
</script>

<script>
 $(document).ready(function() {
 var grid = $("#grid").kendoGrid({
 toolbar: kendo.template($("#template").html())
 //code omitted for brevity

 var excelButton = grid.find("#exportExcel")
 excelButton.on("click",function(){
     alert("Saving...");
     grid.data("kendoGrid").saveAsExcel();
  });
});
</script>

示例http://dojo.telerik.com/iFodO（导出实际上不起作用，因为它缺少 JSZip）

如何将复选框添加到 Kendo 网格的工具栏？

How to add Checkbox to Kendo Grid's Toolbar?

javascript

asp.net-mvc

kendo-ui

kendo-grid