1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var data =
  "<rows>"+
  "  <row icon='0' do='경기도'>"+
  "    <row icon='0' do='경기도' si='성남시'>"+
  "      <row icon='0' do='경기도' si='성남시' gu='분당구' />"+
  "      <row icon='0' do='경기도' si='성남시' gu='수정구'/>"+
  "    </row>"+
  "    <row icon='0' do='경기도' si='수원시'>"+
  "      <row icon='0' do='경기도' si='수원시' gu='팔달구' />"+
  "      <row icon='0' do='경기도' si='수원시' gu='영통구' />"+
  "    </row>"+
  "    <row icon='0' do='경기도' si='안양시' />"+
  "    <row icon='0' do='경기도' si='의정부시' />"+
  "    <row icon='0' do='경기도' si='김포시' />"+
  "  </row>"+
  "</rows>";

1
2
3
// XML 데이터 입력하기
treeDataProvider.setXmlRows(data, "row", "", "icon");
treeView.expandAll();

1
2
3
4
5
6
// 데이터 지우기
treeDataProvider.clearRows();

// XML 데이터 입력하기
treeDataProvider.fillXmlData(data, {rows: "row", icon: "icon"});
treeView.expandAll();

1
function setXmlRows(xml, rowElement, childrenField, iconField) {}

1
function fillXmlData(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);
  }
}