검도 UI 그리드 내에서 k- 체크 박스 표시 가능

Question

HTML을 필드 값으로 사용하여 행 데이터 또는 열 머리글 템플릿을 사용하여 검도 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> 

그러나 검도 UI는 테마에 따라 스타일이 달라집니다. 입력 체크 박스 요소에 class = "k-checkbox"를 추가하면 주제에 따라 스타일을 지정해야합니다. 그러나 클래스를 체크 박스에 적용하면 체크 박스가 더 이상 표시되지 않습니다. 그리드 내에 k- 체크 박스를 표시하려면 어떻게해야합니까?

문제의 예는 http://dojo.telerik.com/AjuFo 당신은 체크 박스에 'K-확인란'클래스를 추가 한

Answer 1

에 위치하지만 당신은 라벨에 'K-체크 박스 라벨'클래스를 추가하는 것을 잊었다된다. 이것이 입력 요소에 '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> 

우려 사항이 있으면 알려주세요.