使 k-checkbox 在 Kendo UI Grid 中可见

Question

使用行数据模板或使用 HTML 作为字段值的列标题，我可以将复选框添加到 Kendo UI 网格。例如：

  <div id="grid"></div>
  <script>
    $(document).ready(function() {
        $("#grid").kendoGrid({
        columns: [{
            field:'<input id="masterCheck" type="checkbox" /><label for="masterCheck"></label>', 
          width: 33,  
          height: 550,
            }] 
        });
      });
    </script>

但是，该复选框的样式不是根据 Kendo UI 主题设置的。将 class="k-checkbox" 添加到输入复选框元素应根据主题对其进行样式设置。但是，当我将类应用于复选框时，复选框不再可见。如何在网格中显示 k 复选框？

问题示例位于http://dojo.telerik.com/AjuFo

Answer 1

您已将“k-checkbox”类添加到复选框，但您忘记将“k-checkbox-label”类添加到标签中。这就是为什么在将“k-checkbox”类应用于输入元素后它不显示的原因。

请尝试以下代码 sn-p。

<script>
    $(document).ready(function() {
        $("#grid").kendoGrid({
        columns: [{
            field:'<input id="masterCheck" class="k-checkbox" type="checkbox" /><label for="masterCheck" class="k-checkbox-label"></label>', 
          width: 33,  
          height: 550,
            }] 
        });
      });
    </script>

如果有任何问题，请告诉我。