[kendo ui] treeView 선택된 노드 정보 가져오기
kendo ui에서 자주 쓰는 기능중 하나인 TreeView
맵형식의 데이터를 트리형식으로 시각화 해주는데 내가 회사에서 자주 사용하는 기능이다.
이떄 선택된 노드의 정보를 가져오는 방법에 대해서 알아보도록 하자
1. treeView에서 노드가 선택될때 이벤트를 주어서 현재 선택된 데이터를 가져오는 방법
1 2 3 4 5 6 7 8 9 10 11 | $("#tree").kendoTreeView({ dataSource : inlineDefault, dataTextField : "name", select : nodeSelect }); function nodeSelect(e) { var data = $("#tree").data('kendoTreeView').dataItem(e.node); console.log(data); } | cs |
위 코드와 같이 셀렉트 이벤트를 지정해 주면 된다.
2. 나중에 현재 선택되어져 있는 노드정보를 가져오는 방법
1 2 3 | var mytree = $("#tree").data("kendoTreeView"); var selected = mytree.select(); var selItem = mytree.dataItem(selected); | cs |
아주 간단하다
끝이다!
'Yame Programmer > CSS & UI Plugin' 카테고리의 다른 글
| [kendo ui] grid command destroy 안되는 현상 해결 방법 (0) | 2021.03.30 |
|---|---|
| [kendo ui] 켄도 ui bar, column 차트 모서리 radius 효과 넣기 (0) | 2018.02.28 |
| [kendo ui] Y축 값이 1 이하일땐 소수점 이상일땐 자연수, 천단위 콤마 (0) | 2017.02.27 |
| [css] css만으로 애니메이션 효과주는 방법 (0) | 2016.10.07 |
| [Kendo UI] 템플릿을 사용해 그리드 값 IF문 사용 하기( grid value use template for 'if') (2) | 2016.08.12 |