[해피CGI][cgimall] jQuery Plugin To Duplicate & Resort Table Rows - Dynamicrows

입력폼을 이용해서 데이터를 입력받을수 있으며
추가 데이터를 입력받기 위해서 동적으로 테이블(입력폼)을 생성하고,
드래그앤드랍으로 순서를 조절할 수 있는 간단한 jQuery 플러그인입니다.


다운로드 받은 파일의 압축을 해제한 후,
index.html 파일을 웹브라우저로 열어 보면 확인이 가능합니다. 

 

우측의 +,- 와 끌어서 이동하는 아이콘을 이용해서 제어가 가능합니다.


사용하기 위한 방법은


1. jquery 와 필요한 라이브러리를 load 합니다.

 

 

2. 정렬순서를 조절하기 위해서 jquery ui 를 load 합니다.

 

3. 기본적인 HTML 태그의 구조는 아래와 같습니다.

 

4. 동적으로 테이블을 제어하기 위한 JS 코드를 추가합니다.

 

5. 테이블을 제어하기 위해서 줄수 있는 옵션들은 아래와 같습니다.

 

6. 각각의 이벤트들 마다 콜백을 받아서 필요한 처리들을 할수 있습니다.