Category Grid (Drag&Drop을 이용한 tree 동적 구성 하는 함수)

샘플개요

Grid와 Div를 이용하여 Tree Grid를 동적으로 구성하는 예제입니다.

Grid와 Button(리스트 아이템)을 Drag & Drop하여 Tree가 동적으로 구성되도록 되어있습니다.

Button간에 Drag & Drop 발생 시 Tree의 순서가 변경되도록 구성되어 있습니다.

Button이 Div영역 밖으로 Drop되었을 경우 Tree에서 제외 되도록 구성되어 있습니다.

Category Grid 실행 예시

사용방법

1. 제공된 파일

categorygrid.xfdl - Category Grid를 만들기 위한 컴포넌트 배치와 스크립트가 포함되어 있습니다.

2. 화면 동작 가이드

#1. 화면 온로드시 Category Grid 초기화가 실행됩니다.

#2. Grid Head영역, Div영역을 Drag & Drop하면 Div에 포함된 아이템리스트에 따라 Tree가 구성됩니다.

 

테스트 버전 정보

Product Version : 17.0.0.2001 (2019.5.30.1)

 

파일 다운로드 경로

https://www.playnexacro.com/techtips/1041/category-grid-drag-drop을-이용한-tree-동적-구성-하는-함수

play nexacro