검도 UI Treeview 노드 추가/제거

Question

html 페이지의 계층 적 데이터 소스로 외부 json 파일이있는 Kendo UI Treeview가 있습니다.

나는 추가하고 트 리뷰에서 노드를 제거 할 내가 검도 페이지에서 데모를 따라하지만 난 제거

과

에 대한 웹 콘솔에 jquery.min.js:2에

TypeError: c.replace is not a function를 얻을 수 추가]에 대한 웹 콘솔에 jquery.min.js:2에 HierarchyRequestError: Node cannot be inserted at the specified point in the hierarchy ..

내 코드는 다음과 같습니다

,

$(document).ready(function() { 
      $.getJSON("OnTheSpotDATA/" + parent.accountID + "/" + parent.username + "/" + "tree.json", function (data) { 
       var treeview = $("#treeview").kendoTreeView({ 
        dragAndDrop: true, 
        dataSource: kendo.observableHierarchy(data) 
       }); 
       $(".k-treeview").data("kendoTreeView").bind("dragstart", function(e) { 
        if (e.sourceNode.childNodes.length > 1) { 
         e.preventDefault(); 
        } 
       }); 
       $("#removeNode").click(function() { 
        var selectedNode = treeview.select(); 

        treeview.remove(selectedNode); 
       }); 
       $("#appendNodeToSelected").click(function() { 
        var selectedNode = treeview.select(); 

        if (selectedNode.length == 0) { 
         selectedNode = null; 
        } 

        var nodeText=prompt("Please enter desired Node name","Default"); 

        if (nodeText == null) { 
         return; 
        } 

        treeview.append({ 
         text: nodeText 
        }, selectedNode); 
       }); 
      }) 

내가 뭘 잘못하고 있니? ?이 문제를 해결하기 위해 어떤 방법 나는 그것이 제대로 작동해야한다 생각 ..

Answer 1

당신은 읽어야 treeview.select()에 data("kendoTreeView")을 포함 깜빡 : treeview.data("kendoTreeView").select() 또한

코드 (스타일) 감소의 문제. 나는 이미 data("kendoTreeView")을 포함하는 treeview와 이벤트를 정의하는 것을 선호한다. 다음과 같이하십시오 :