- contextMenu에서 다양한 타입의 아이템을 설정.
1. 기본 item설정.
items: {
"item1": {name: "Item1"},
"item2": {name: "Item2"}
}
2. text를 입력할 수 있는 text item설정.
items: {
"Text": {
name: "Text",
type: 'text',
value: "SomeValue",
events: {
keyup: function(e) {
//keyup event
}
}
}
}
3. Checkbox item설정
items: {
"cb1" : { name: "Check Box 1", type: 'checkbox', selected: true },
"cb2" : { name: "Check Box 2", type: 'checkbox', selected: false }
}
4. Radio item 설정
items: {
"Radio1": { name: "Radio1", type: 'radio', radio: 'radio', value: '1'},
"Radio2": { name: "Radio2", type: 'radio', radio: 'radio', value: '2', selected: true },
"Radio3": { name: "Radio3", type: 'radio', radio: 'radio', value: '3', disabled: true }
}
5. Select menu item 설정
items: {
"SelectMenu": {
name: "SelectMenu",
type: 'select',
options: {1: 'opt1', 2: 'opt2', 3: 'opt3'}, selected: 2 }
}
}
6. 구분선 추가
items: { sep: "---------" }
'Programming > JavaScript' 카테고리의 다른 글
[jQuery] Multiple selector와 .find() 비교 (0) | 2017.05.22 |
---|---|
[JavaScript] 데이터 형식 확인하기 (0) | 2017.04.28 |
[jQuery UI] [selectmenu] selectmenu 길이 조정하기. (0) | 2017.02.24 |
[jQuery] Checkbox 체크 및 변경 이벤트 처리. (0) | 2017.02.06 |
[jQuery] Radio, Checkbox 체크 여부 확인하기. (0) | 2017.01.24 |