1
2
3
4
5
6
7
8
9
10
11
var data =
  '0, 1, 경기도\n'+
  '0, 1.1, 경기도, 성남시\n'+
  '0, 1.1.1, 경기도, 성남시, 분당구\n'+
  '0, 1.2, 경기도, 수원시\n'+
  '0, 1.2.2, 경기도, 수원시, 팔달구\n'+
  '0, 1.2.1, 경기도, 수원시, 영통구\n'+
  '0, 1.1.2, 경기도, 성남시, 수정구\n'+
  '0, 1.3, 경기도, 안양시\n'+
  '0, 1.4, 경기도, 의정부시\n'+
  '0, 1.5, 경기도, 김포시\n';

1
2
3
4
5
6
7
8
9
10
// CSV 데이터 입력하기
treeDataProvider.fillCsvData(data,
  {
    tree:"tree",
    icon:"icon",
    sorting:true,
    quoted:false,
    start:1
  });
treeView.expandAll();

1
function fillCsvData(data, options) {}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
// 이미지 리스트 만들기
var imgFiles = [
              "kr.png",
              "br.png",
              "fr.png",
              "mx.png",
              "pt.png",
              "es.png",
              "gb.png",
              "us.png",
              "ve.png",
              "icon_folder_col",
              "icon_folder_exp"
  ];
var imageList = new RealGridJS.ImageList("images", "/resource/image/smallflag/");
imageList.addUrls(imgFiles);

// 트리뷰에 이미지 리스트 등록하기
treeView.registerImageList(imageList);
treeView.setTreeOptions({
    iconImages: imageList.getName(),
    iconWidth: 20
});

1
2
3
4
5
6
7
8
9
10
// 현재 노드의 아이콘을 9 또는 10으로 변경하기
var current = treeView.getCurrent();
if (current && current.dataRow) {
  var iidx = treeDataProvider.getIconIndex(current.dataRow);
  if (iidx == 9) {
    treeDataProvider.setIconIndex(current.dataRow, 10);
  } else {
    treeDataProvider.setIconIndex(current.dataRow, 9);
  }
}