[kendo ui] treeView 선택된 노드 정보 가져오기

[kendo ui] treeView 선택된 노드 정보 가져오기

kendo ui에서 자주 쓰는 기능중 하나인 TreeView

맵형식의 데이터를 트리형식으로 시각화 해주는데 내가 회사에서 자주 사용하는 기능이다.

이떄 선택된 노드의 정보를 가져오는 방법에 대해서 알아보도록 하자

1. treeView에서 노드가 선택될때 이벤트를 주어서 현재 선택된 데이터를 가져오는 방법

$("#tree").kendoTreeView({
        dataSource : inlineDefault,
        dataTextField : "name",
        select : nodeSelect
    });
 
 
function nodeSelect(e) {
    var data = $("#tree").data('kendoTreeView').dataItem(e.node);
    console.log(data);
}

위 코드와 같이 셀렉트 이벤트를 지정해 주면 된다.

2. 나중에 현재 선택되어져 있는 노드정보를 가져오는 방법

    var mytree = $("#tree").data("kendoTreeView");
    var selected = mytree.select();
    var selItem = mytree.dataItem(selected);

아주 간단하다

끝이다!