검도 템플릿 바인딩

Question

웹 응용 프로그램에 검도 UI를 사용하고 있습니다. 여기

<script id="Template" type="text/x-kendo-template"> 
     <div data-bind="click: firstClick">First</div> 
     <div data-bind="click: secondClick">Second</div> 
    </script> 
    <div data-bind="click: firstClick">First</div> 
    <div data-bind="click: secondClick">Second</div> 
    <ul id="menu-groups" data-template="Template" data-bind="source: dataSource"></ul> 

그리고는 뷰 모델입니다 : 내가 템플릿 밖에서 된 div를 넣을 때

 var viewModel = kendo.observable({ 
      dataSource: dataSource, 
      menuClick: function(e) { 
       alert(e); 
      }, 
      firstClick: function(e) { 
       alert('first');  
      }, 
      secondClick: function(e) { 
       alert('second');  
      } 
     }); 

는 모두이 개 기능이 작동 나는 내 응용 프로그램에서 같은 이상한 행동을합니다. 템플릿 안의 div를 첫 번째 클릭 만 실행하면 두 번째 클릭이 작동하지 않습니다.

이유를 찾도록 도와 주시겠습니까?

미리 감사드립니다.

Answer 1

템플릿 스크립트 내에 단일 래핑 요소가 있어야합니다. 배치 div에 두 div를 넣으면 제대로 작동합니다.