MainCol (cfg)

트리 기능 사용 시 트리의 노드를 표시하는 열을 설정합니다.
지정한 열에서 트리의 접힘/펼침 아이콘이 보여지게 됩니다.
반드시 하나의 열만 트리가 될 수 있습니다.
트리를 사용할 때는 조회 데이터도 트리에 맞춰서 구성되어야 합니다 (트리 응답 규격 참고).

Type

string

Options

Value	Description
`colName`	트리가 표시될 열이름

Example

조회 데이터의 Items에 자식 행을 중첩해 한 번에 트리 전체를 로드하는 패턴입니다.

options.Cfg = {
    MainCol: "Emp_name"        // 시트 트리를 열이름이 "Emp_name"인 열에 표시
};

sheet.loadSearchData([
    {Emp_name: "본부장", Items: [
        {Emp_name: "팀장A", Items: [
            {Emp_name: "사원1"},
            {Emp_name: "사원2"}
        ]},
        {Emp_name: "팀장B"}
    ]}
]);

트리 상위 노드에 자식들의 합계나 평균 등을 표시하려면, 트리 컬럼에 Formula로 트리 집계를 지정합니다. IB_Preset의 트리 집계 프리셋(ibsheet-common.js 필요)을 쓰면 간단합니다.

options.Cfg = { MainCol: "Department" };                   // 트리 컬럼
options.Def.Row = { CanFormula: 1, CalcOrder: "Sales" };   // 집계 컬럼을 CalcOrder 에 등록(공백 없이)
options.Cols = [
    {Header: "조직", Type: "Text", Name: "Department"},
    {Header: "매출", Type: "Int", Name: "Sales", Format: "#,##0",
        Formula: IB_Preset.TreeSumFormula}                 // 자식들의 Sales 합계를 상위 노드에 표시
];

// 상위 노드(영업본부)의 매출은 자식(영업1팀, 영업2팀) 합계로 자동 계산됨
sheet.loadSearchData([
    {Department: "영업본부", Items: [
        {Department: "영업1팀", Sales: 1200},
        {Department: "영업2팀", Sales: 800}
    ]}
]);

트리 집계 프리셋(IB_Preset)은 TreeSumFormula(합계), TreeAvgFormula(평균), TreeCountFormula(개수), TreeMaxFormula(최대), TreeMinFormula(최소)를 제공합니다.

Try it

Since