검도 표시 모바일 목록보기 확인란

Question

검도 휴대 전화 목록보기의 모든 목록 항목에 대한 확인란을 표시하고 싶습니다. 그래서 검도 목록보기 템플릿에 표시했습니다. 목록보기가 올바르게 표시되지만 체크 박스 표시되지 않습니다. 내 코드는 다음과 같다 :

<script id="script-id" type="text/x-kendo-template"> 

<a href="\#next_view" class="km-listview-link" data-role="listview-link"> 
     <input type="checkbox" checked="checked"/> 
     <h3 class="time">#: firstname #</h3> 
     <h3>#: sentdate #</h3> 
</a> 

Answer 1

대답은 체크 박스가 잘 나타납니다 내부에 랩하는 경우 유전자 C는 지적 으로 유전자 C의 입력을 사용하여 편집.

체크 박스를 전환보기로 변환하면 코드가 정상적으로 작동합니다. 또한 템플릿에 data-role = "listview-link"를 추가하면 안됩니다. 템플릿이 목록보기에 첨부되면 검도가 자동으로 추가됩니다. 목록 항목 내에 클릭 가능한 위젯이있을 때 모든 항목을 감싸는 하이퍼 링크를 추가하지 않습니다. 사용자가 스위치 버튼을 확인한 다음 탐색 할 것으로 예상되는 경우 네비게이션을 수행하는 버튼이 더 좋습니다.

http://jsbin.com/obajih/3/edit

필자는이에 템플릿을 변경 :

<script id="script-id" type="text/x-kendo-template"> 

     <div> 
     <input type="checkbox" data-role="switch" /> 
    </div> 
     <h3 class="time">#: firstname #</h3> 
     <h3>#: sentdate #</h3> 

    </script> 

    </div> 

Answer 2

검도 UI 체크 박스의 입력 바인딩과 stylizing 지원합니다 :

여기

는 jsbin에서 전체 작업 샘플입니다

<script id="script-id" type="text/x-kendo-template"> 
    <label> 
     <input type="checkbox" checked="checked"/> 
     <h3 class="time">#: firstname #</h3> 
     <h3>#: sentdate #</h3> 
    </label> 
</script> 

나는 그 목록이 당신에게 약속 할 수 없다. m은 <a>도 포함하면 예상대로 작동하거나 표시됩니다. <ul>의 클릭 이벤트 핸들러에 바인딩해야 할 수 있습니다.

<ul data-role="list-view" data-bind="click: navigateToNextView"/>