트리 아이콘
트리 노드별로 아이콘을 지정하여 노드에 다양한 아이콘을 표시할 수 있습니다.
트리아이콘을 사용하려면 treeOptions.iconImagesRoot과 iconImages를 미리 설정합니다.
iconIndex가 지정되지 않은 노드의 경우 treeOptions.defaultIcon을 사용하여 기본 아이콘을 지정할 수 있습니다.
treeView.treeOptions.iconImagesRoot = "/images/flags/";
treeView.treeOptions.iconImages = [
"kr.png", "de.png", "es.png", "fr.png", "grd_treeicon_leaf.png", "hu.png", "is.png",
"ox.png", "mx.png", "pt.png", "us.png", "ve.png"
]
treeView.treeOptions.defaultIcon = 4;Array Type
조회 데이터를 가져올때 표시할 iconIndex를 지정해서 값을 가져와야 합니다.
가져온 iconIndex값은 setRows()의 5번째 param에 지정해줍니다.
treeProvider.setRows(data, 'treeId', false, null, "iconField");[
{
"treeId": "11",
"treeName": "서울특별시",
"area1code": "11",
"area1name": "서울특별시",
"iconField": "0"
},
{
"treeId": "11.010",
"treeName": "종로구",
"area1code": "11",
"area1name": "서울특별시",
"area2code": "11010",
"area2name": "종로구",
"iconField": "1"
},
...생략... Object Type
Array Type과 같은 방법으로 조회 데이터를 가져올때 표시할 iconIndex를 지정해서 값을 가져와야 합니다.
가져온 iconIndex값은 setObjectRows()의 4번째 param에 지정해줍니다.
treeProvider.setObjectRows(data, "rows", "", "icon");{
"rows": [{
"icon": "0",
"col0": "남자",
"col1": "11723",
"col2": "1258",
"col3": "29500",
"col4": "21401",
"col5": "28261",
"col6": "3732",
"col7": "7393",
"rows": [{
"icon": "2",
"col0": "아시아",
"col1": "4244",
"col2": "133",
"col3": "11565",
"col4": "5866",
"col5": "9024",
"col6": "2256",
"col7": "4129",
...생략...