웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] Groupable & Searchable Dual Listbox Plugin - jQuery Transfer 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] Groupable & Searchable Dual Listbox Plugin - jQuery Transfer

해피CGI윤실장 2019. 12. 10. 09:10

다운로드 받은 파일의 압축을 풀고
index.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다.



좌측에 나열된 항목들을 체크박스로 선택해서



우측으로 이동시켜서 어떤 항목을 선택할지를 입력받는 입력폼으로 사용이 가능합니다.

위 그림 처럼 그룹화시켜서 한번 체크하면
해당 그룹에 속한 전체를 선택하는 것도 가능하네요.




그룹화 시키지 않고 하나하나 개별옵션을 선택하도록 한 예제입니다.




선택할 옵션들을 단어로 검색하는 예제입니다.



샘플로 제공해준 소스코드를 보면

선택에 필요한 항목들을 조절하는 것은 그리 어려워 보이진 않네요.


출처는
https://www.jqueryscript.net/form/Groupable-Searchable-Dual-Listbox-Transfer.html 입니다.




홈페이지바로가기

Comments