Сделать k-флажок видимым в сетке пользовательского интерфейса Kendo

Question

Используя шаблон для данных строки или заголовка столбца, используя HTML в качестве значения поля, я могу добавить флажок в сетку пользовательского интерфейса Kendo. Например:

<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. Добавление класса = "k-checkbox" к элементу флажка ввода должно стилизовать его в соответствии с темой. Однако, когда я применяю класс к флажку, флажок больше не отображается. Как я могу видеть, что в сетке видится k-флажок?

Пример вопроса находится в http://dojo.telerik.com/AjuFo

Answer 1

Вы добавили класс «к-флажок» с флажком, но вы забыли добавить класс «к-флажок-метка» на этикетку. Поэтому после применения класса «k-checkbox» к входному элементу его отображение не отображается.

Пожалуйста, попробуйте приведенный ниже фрагмент кода.

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

Дайте мне знать, если есть вопросы.