RealGrid2 가이드
트리
트리 템플릿 🆕

트리 템플릿

트리의 첫 번째 컬럼에서는 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;
    }
  }