트리 템플릿
트리의 첫 번째 컬럼에서는 HTML 렌더러 사용이 제한되었지만, 2.8.9 버전 업데이트를 통해 templateOption (opens in a new tab)을 통해 첫 번째 컬럼의 데이터 영역에 HTML을 표시할 수 있도록 설정할 수 있습니다.
아래 예제는 첫번째 컬럼에 시도 코드를 다른 색상으로 함께 표시하는 예제입니다.
treeView.treeOptions.templateOptions = {
callback: (tree, model, width, height) => {
if (model.item && model.item.level > 0) {
let code = `area${model.item.level}code`;
let name = `area${model.item.level}name`;
code = tree.getValue(model.index?.itemIndex, code);
name = tree.getValue(model.index?.itemIndex, name);
return `<span style='color:red'>[${code}]</span> <span style='color:blue'>${name}</span>`;
}
return model.value;
}
}