tree(트리) 데이터 규격 (tree(트리) structure)

doSearch 또는 loadSearchData 함수로 바인딩되는 tree(트리) 데이터 구조를 정의합니다.

Tree(트리) 데이터 규격

일반적인 tree(트리) 데이터 형태

• 서버 응답 데이터는 Data 속성을 최상위로 가지고 있으며, Data 속성 안에는 각각의 항목이 객체 형태로 들어 있는 배열이 포함되어 있습니다.
• 하위 행이 존재하는 경우, 해당 객체의 Items 속성에 자식 행이 배열 형태로 포함되며, 이를 통해 트리(Tree) 구조의 데이터를 표현합니다.

// Items 속성안에 자식 행을 추가하는 형태로 구성
{"Data":
    [
        //1 Depth
        {sProduct:"내부 시스템 개발 사업",sCustomer:"B사",sDate:"20180116", sCustomerRowSpan:2,
            //2 Depth
            Items:[
                {sProduct:"글로벌 통합 인사시스템",sKind:"프로젝트", sCount:"1",sPrice:"192"},
                {sProduct:"LEGACY SW 공급",sKind:"소프트웨어", sCount:"1",sPrice:"420"}
            ]
        },
        //1 Depth
        {sProduct:"복무급여고도화시스템",sCustomer:"D사",sDate:"20171031",
            //2 Depth
            Items:[
                {sProduct:"병원 전자구매 및 조달시스템",sKind:"납품",sCount:"1",sPrice:"303",sDiscount:"10" }
            ]
        },
        //1 Depth
        {sProduct:"2017~2018 솔루션 납품 및 판매",sCustomer:"E사",sDate:"20170520",
            //2 Depth
            Items:[
                {sProduct:"병원 개발/CDP 구축",sKind:"프로젝트",sCount:"1",sPrice:"29"},
                {sProduct:"성능개량사업 군수지원교보재",sKind:"프로젝트",sCount:"1",sPrice:"15.5",sDiscount:"5"},
                {sProduct:"SHE시스템 구축",sKind:"프로젝트",sCount:"1",sPrice:"79"},
                {sProduct:"Cost Quotation System",sKind:"프로젝트",sCount:"1",sPrice:"3"},
                {sProduct:"전사업무지원시스템",sKind:"프로젝트",sCount:"1",sPrice:"59.5"},
                {sProduct:"통합판매관리시스템",sKind:"프로젝트",sCount:"1",sPrice:"39"},
                {sProduct:"E-HR시스템",sKind:"유지보수",
                    //3 Depth
                    Items:[
                        {sProduct:"물산 E-HR시스템",sKind:"기타",sCount:"1",sPrice:"4"},
                        {sProduct:"제조 E-HR시스템",sKind:"기타",sCount:"1",sPrice:"4" }
                    ]
                },
                {sProduct:"건설 외주실적 단가시스템",sKind:"납품",sCount:"1",sPrice:"95"},
                {sProduct:"인재육성시스템",sKind:"프로젝트",sCount:"1",sPrice:"7"},
                {sProduct:"웹사이트 액티브X제거 관련 SW 구매",sKind:"프로젝트", sCount:"1",sPrice:"22.5" }
        ]}
    ]
}

간단한 tree(트리) 데이터 형태

• Items 기반의 데이터 구조를 사용할 수 없는 경우, 각 데이터 객체에 Level 값을 지정하여 계층 구조를 표현할 수 있습니다.
• 최상위 노드는 0부터 시작해야 하며, 하위 노드는 부모 노드보다 1씩 증가한 값으로 순차적으로 설정해야 합니다.

var treeData = {
    "Data":[
        {Level:0 ,sProduct:"병원 개발/CDP 구축",sKind:"프로젝트",sCount:"1",sPrice:"29"},
        {Level:1 ,sProduct:"성능개량사업 군수지원교보재",sKind:"프로젝트",sCount:"2",sPrice:"15.5",sDiscount:"5"},
        {Level:2 ,sProduct:"SHE시스템 구축",sKind:"프로젝트",sCount:"1",sPrice:"79"},
        {Level:2 ,sProduct:"Cost Quotation System",sKind:"프로젝트",sCount:"1",sPrice:"3"},
        {Level:3 ,sProduct:"전사업무지원시스템",sKind:"프로젝트",sCount:"1",sPrice:"59.5"},
        {Level:3 ,sProduct:"통합판매관리시스템",sKind:"프로젝트",sCount:"1",sPrice:"39"},
    ]
}

• 위와 같이 Level 값을 포함한 데이터는 ibsheet-common.js파일에서 제공하는 convertTreeData함수를 통해 Items 기반의 tree(트리) 구조로 변환됩니다. (Level의 대소문자 주의)

var convertData = IBSheet.v7.convertTreeData(treeData);
sheet.loadSearchData(convertData);

• doSearch 함수로 조회하는 경우 onReceiveData이벤트에서 처리 가능 합니다.

Read More

• doSearch method
• loadSearchData method
• getChangedData method
• onReceiveData
• onBeforeDataLoad
• onDataLoad

Since