1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var imageList = new RealGridJS.ImageList("images", "/demo/resource/image/smallflag/");
    imageList.addUrls([
                "icon_male.png",
                "icon_female.png",
                "de.png",
                "gr.png",
                "hu.png",
                "is.png",
                ...
        ]
    );
 
treeView.registerImageList(imageList);
treeView.setTreeOptions({
    iconImages: imageList.getName(),
    iconWidth: 20
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// 이미지 리스트 만들기
var imageList = new RealGridJS.ImageList("images", "/demo/resource/image/smallflag/");
    imageList.addUrls([
                "icon_male.png",
                "icon_female.png",
                "icon_folder_col.png",
                "icon_folder-exp.png",
                "de.png",
                "gr.png",
                "hu.png",
                "is.png",
                ...
        ]
    );
 
// 트리뷰에 이미지 리스트 등록하기
treeView.registerImageList(imageList);
treeView.setTreeOptions({
    iconImages: imageList.getName(),
    iconWidth: 20
});

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
// 노드를 펼칠때 아이콘 인덱스를 3으로 변경
treeView.onTreeItemExpanded = function (tree, itemIndex, rowId) {
  var level = treeDataProvider.getLevel(rowId);
  if (level == 2) {
    treeDataProvider.setIconIndex(rowId, 3);
  }
}

// 노드를 접을때 아이콘 인덱스를 2로 변경
treeView.onTreeItemCollapsed = function (tree, itemIndex, rowId) {
  var level = treeDataProvider.getLevel(rowId);
  if (level == 2) {
    treeDataProvider.setIconIndex(rowId, 2);
  }
}

1
treeView.setTreeOptions({expandImage:"/resource/image/smallflag/icon_folder_col.png"})

1
treeView.setTreeOptions({collapseImage:"/resource/image/smallflag/icon_folder_exp.png"})

1
treeView.setTreeOptions({lineVisible:false})