如何将复选框添加到剑道网格's工具栏

How to add Checkbox to Kendo Grid's Toolbar?

本文关键字：网格 工具栏 复选框 添加      更新时间：2023-09-26

我想在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>

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

相关文章：