Drag&Drop (2) 썸네일형 리스트형 Category Grid (Drag&Drop을 이용한 tree 동적 구성 하는 함수) 샘플개요 Grid와 Div를 이용하여 Tree Grid를 동적으로 구성하는 예제입니다. Grid와 Button(리스트 아이템)을 Drag & Drop하여 Tree가 동적으로 구성되도록 되어있습니다. Button간에 Drag & Drop 발생 시 Tree의 순서가 변경되도록 구성되어 있습니다. Button이 Div영역 밖으로 Drop되었을 경우 Tree에서 제외 되도록 구성되어 있습니다. 사용방법 1. 제공된 파일 categorygrid.xfdl - Category Grid를 만들기 위한 컴포넌트 배치와 스크립트가 포함되어 있습니다. 2. 화면 동작 가이드 #1. 화면 온로드시 Category Grid 초기화가 실행됩니다. #2. Grid Head영역, Div영역을 Drag & Drop하면 Div에 포함된.. TreeGrid Move & Copy (트리그리드 drag & drop으로 이동하기) 샘플개요 원본 즉, drag가 수행되는 treegrid 데이터를 타켓위치로 drag&drop하여 이동하거나 복사 할 수 있는 기능이 동적으로 생성되는 라이브러리입니다. drag이벤트가 발생하는 grid는 row 하위레벨에 해당하는 데이터까지 함께 이동합니다. 사용방법 1. 제공된 파일 treegrid.xfdl - 사용될 컴포넌트가 배치되며 사용할 옵션을 설정하는 화면 예제 form 파일 treegrid.xjs - treegrid 이동에 사용되는 이벤트 추가 및 로직이 작성된 스크립트 파일 2. 컴포넌트 배치 (nexacro studio Form Design) 해당 기능을 사용하기 위하여 필요한 최소의 컴포넌트는 drag(원본)이 되는 "Grid 컴포넌트"와 해당 그리드에 binding된 "Dataset .. 이전 1 다음
