일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 홈페이지
- #홈페이지
- 해피CGI
- 게시판
- #CSS
- 솔루션
- CGIMALL
- #업종별
- happycgi
- #image
- php
- 웹솔루션
- 홈페이지제작
- #동영상
- 사이트제작
- #이미지
- #쇼핑몰
- jquery
- #뉴스
- #홈페이지제작
- #웹솔루션
- #jQuery
- 해피씨지아이
- #솔루션
- #happycgi
- 쇼핑몰
- javascript
- #cgimall
- #해피CGI
- CSS
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] jQuery Plugin To Duplicate & Resort Table Rows - Dynamicrows 본문
웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] jQuery Plugin To Duplicate & Resort Table Rows - Dynamicrows
해피CGI윤실장 2020. 10. 22. 10:23입력폼을 이용해서 데이터를 입력받을수 있으며
추가 데이터를 입력받기 위해서 동적으로 테이블(입력폼)을 생성하고,
드래그앤드랍으로 순서를 조절할 수 있는 간단한 jQuery 플러그인입니다.
다운로드 받은 파일의 압축을 해제한 후,
index.html 파일을 웹브라우저로 열어 보면 확인이 가능합니다.
우측의 +,- 와 끌어서 이동하는 아이콘을 이용해서 제어가 가능합니다.
사용하기 위한 방법은
1. jquery 와 필요한 라이브러리를 load 합니다.
2. 정렬순서를 조절하기 위해서 jquery ui 를 load 합니다.
3. 기본적인 HTML 태그의 구조는 아래와 같습니다.
4. 동적으로 테이블을 제어하기 위한 JS 코드를 추가합니다.
5. 테이블을 제어하기 위해서 줄수 있는 옵션들은 아래와 같습니다.
6. 각각의 이벤트들 마다 콜백을 받아서 필요한 처리들을 할수 있습니다.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] 가벼운 Jquery 슬라이더 플러그인 - WaltzerJS (0) | 2020.10.27 |
---|---|
[해피CGI][cgimall] Text Highlight Animation Plugin (0) | 2020.10.23 |
[해피CGI][cgimall] Jqeury 를 이용한 이미지 스토리 갤러리 (0) | 2020.10.21 |
[해피CGI][cgimall] revealjs - 웹에서 프리젠테이션 제작 (0) | 2020.10.15 |
[해피CGI][cgimall] Intro.js Ver2.9.3 (0) | 2020.10.14 |
Comments