옵션 접기 / 펼치기
옵션명 옵션값
targetSelector true false
타켓 selector
maxSize
추가 가능한 max size
maxSizeMsg true false
추가 가능한 max size가 넘었을경우 메시지
useMultiSelect true false
ctrl , shift key 이용해서 다중 선택하기 여부
containment
경계 영역
useDragMove true false
drag해서 이동할지 여부.
useDragSort true false
target drag 해서 정렬할지 여부.
addPosition
추가 되는 방향키로 추가시 어디를 추가할지. ex(source, last)
duplicateCheck true false
중복 추가 여부.
pageInfo
설명
max
max page 값
currPage
현재 값
selector
page element
pageNumKey
page number key
emptyMessage
item 없을때 메시지
itemSelector
설명
addItemClass
설명
selectClass
select item class
handleClass
item 선택 클래스.
items array value
item
sourceItem
source item
optVal
opt id key
optTxt
opt value key
useHtmlData true false
html element 를 직접사용할경우.
searchAttrName
search item name attribute
searchAttrKey
search item key attribute
emptyMessage
item 없을때 메시지
items array value
item
click true false
클릭시 이벤트
render function value
아이템 추가될 템플릿.
targetItem
설명
optVal
opt id key
optTxt
opt value key
useHtmlData true false
html element 를 직접사용할경우.
items array value
item
emptyMessage
item 없을때 메시지
click true false
클릭시 이벤트
dblclick true false
설명
render function value
아이템 추가될 템플릿.
message
방향키 있을때 메시지
addEmpty true false
설명
delEmpty true false
설명
duplicate true false
설명
beforeMove true false
이동전 이벤트
beforeItemMove true false
이동전 이벤트
afterSourceMove true false
source 이동후 이벤트
compleateSourceMove true false
source 이동 완료 이벤트
beforeTargetMove true false
target 이동전 이벤트
afterTargetMove true false
target 이동후 이벤트
compleateTargetMove true false
target 이동 완료 이벤트

데모

다시 그리기 :
* 목록을 마우스로 드래그앤 드롭하거나 더블클릭 하세요.
source
target
>>
<<
위 아래
선택한 옵션값
Options