2012-11-12 2 views
1

확인란을 구현하는 kendoUI 트리보기를 사용하고 있습니다. 상위 확인란을 선택하면 모든 하위 확인란을 선택할 수 있습니다. 이제 상위 확인란을 선택하면 모든 하위 텍스트 값을 가져 오려고합니다. 나는 KendoUI 구성 옵션 checkChildren를 사용하는 것이 좋습니다 않는 아이들을 검사하는 코드를 사용하는트리보기에서 부모를 선택할 때 하위 이름을 얻는 방법

$("#ProjectUsersTreeView [type=checkbox]").live('change', function (e) {      var chkbox = $(this); 
         var parent = chkbox.parent();        
    var pBox = $(parent).closest('.k-item').find(":checkbox");        

         if (this.checked || pBox.length>0) { 
          $(pBox).prop('checked',this.checked ? "checked": "")  
} 

답변

0

대신 트리 뷰에서 체크 박스 작업에 템플릿을 사용했다.

tree = $("#ProjectUsersTreeView").kendoTreeView({ 
      checkboxes:{ 
       checkChildren: true 
      }, 
      ... 
     }).data("kendoTreeView"); 

그런 다음 선택한 모든 텍스트 사용을 얻기 위해 : checked에서

$("#ProjectUsersTreeView [type=checkbox]").live('change', function (e) { 
      var checked = $("input:checked", tree); 
      $.each(checked, function(idx, elem) { 
       console.log("text", tree.text(elem)); 
      }) 
     }); 

을 실제로 checked을하고 text 방법을 사용하여 얻어서 콘솔에서 해당 텍스트를 표시하려면 트리의 모든 input 요소를 얻을.

참고 : 나는 $("#ProjectUsersTreeView").data("kendoTreeView")tree을 정의하고 change 핸들러에서 사용할 것 알고 있습니다.

관련 문제