事件列表
事件名 | 参数 | 描述 |
onBeforeSelect | (value,text) | 选择前事件 |
onSelected | (value,text) | 选择事件 |
onStartResize | () | 下拉框编辑前事件 |
onEndResize | () | 下拉框编辑后事件 |
onSuccess | (data) | 加载完事件 |
onError | (XMLHttpRequest, textStatus) | 错误事件 |
onBeforeOpen | () | 打开前事件 |
onButtonClick | () | 右侧图标按钮事件 |
onAfterSetData | () | 设置完数据事件 |
onBeforeSetData | () | 设置数据前事件 |
onTextBoxKeyDown | () | 当焦点位于文本框时按键Down事件 |
onTextBoxKeyEnter | () | 当焦点位于文本框时按键Enter事件 |
onChangeValue | (value) | 值改变事件 |
onBeforeSelect事件 示例:
1 var proData = 2 [{ id: 1, text: '广东' }, 3 { id: 2, text: '福建'}]; 4 $("#txtPro").ligerComboBox({ data: proData, isMultiSelect: false, 5 onBeforeSelect: function (newvalue) 6 { 7 alert('要选择的是' + newvalue); 8 return confirm('onBeforeSelect事件可以阻止选择,是否继续'); 9 }, 10 onSelected: function (newvalue) 11 { 12 alert('选择的是' + newvalue); 13 } 14 });
onSelected事件 示例:
1 var proData = 2 [{ id: 1, text: '广东' }, 3 { id: 2, text: '福建'}]; 4 var cityData = 5 [{ id: 1, text: '潮州', pid: 1 }, 6 { id: 2, text: '福州', pid: 1 }, 7 { id: 3, text: '广州', pid: 2 }, 8 { id: 4, text: '厦门', pid: 2}]; 9 $("#pro").ligerComboBox({ 10 data: proData, isMultiSelect: false, 11 onSelected: function (newvalue) 12 { 13 var newData = new Array(); 14 for (i = 0; i < cityData.length; i++) 15 { 16 if (cityData[i].pid == newvalue) 17 { 18 newData.push(cityData[i]); 19 } 20 } 21 liger.get("city").setData(newData); 22 } 23 }); 24 $("#city").ligerComboBox({ data: null, isMultiSelect: true, isShowCheckBox: true });
onButtonClick事件 示例:
1 var proData = 2 [{ id: 1, text: '广东' }, 3 { id: 2, text: '福建'}]; 4 $("#txtPro").ligerComboBox({ data: proData, isMultiSelect: false, 5 onBeforeSelect: function (newvalue) 6 { 7 alert('要选择的是' + newvalue); 8 return confirm('onBeforeSelect事件可以阻止选择,是否继续'); 9 }, 10 onSelected: function (newvalue) 11 { 12 alert('选择的是' + newvalue); 13 } 14 });