参考博文:https://www.cnblogs.com/zjdxr-up/p/10619139.html
【语法】
Combobox用法和方法参数:
1、 需要引入class=" easyui-combobox”
2、 参数设置需要在data-options中设置
3、 属性参数配置:
valueField:基础数据值名称绑定到Combobox(提交值)
textField:基础数据的字段名称绑定的Combobox(显示值)
mode:定义当文本改变时如何加载列表数据,当设置为remote模式下,什么类型的用户将被发送http请求参数名为'q'的服务器,以获取新的数据。
url:从远程URL来加载列表数据
method:http方法检索列表数据
data:列表中被加载的数据
filter:定义如何过滤本地数据“模式”设置为'local'
formatter:定义如何呈现行
loader:定义如何从远程服务器加载数据
4、 事件:
onBeforeLoad(param): 操作之前将数据加载,返回false就取消这个荷载作用
onLoadSuccess():触发时,远程数据加载成功
onLoadError:触发时,远程数据加载错误
ONSELECT:触发,当用户选择一个列表项
onUnselect:触发,当用户取消选择一个列表
5、方法:
options():返回选择对象
getData():返回加载的数据
loadData(data):加载列表数据
reload(url):重新加载远程数据列表
setValues(values):设置combobox的值数组
setValue(value):设置combobox的值
clear():清空combobox的值
select(value):选中指定的值
unselect(value):取消指定的值
使用easyui之后,对于Combobox来说,获值有两种选择,"getValue‘和“getText”的选择源于我们对combobox在data-option中的设定,
“valueField:”和“textField:”对应了getValue和getText
【实例展示】
$('#mydiv').combobox({ valueField: 'BI_ObjID', textField: 'BI_ObjName', multiple: true, editable: false, url: "", queryParams: { EneID: BT_GroupID }, onLoadSuccess: function (data) { if (data.length > 0) { orgCount1 = data.length; $('#mydiv').combobox('setValue', "全部"); $('#mydiv').combobox('setText', "全部"); } }, onSelect: function (data) { var selectLists = $('#mydiv').combobox('getValues'); if (selectLists.length > 1) { for (var i = 0; i < selectLists.length; i++) { if (selectLists[i] == '') { $('#mydiv').combobox('unselect', selectLists[i]); } } } }, onShowPanel: function () { // 动态调整下拉框高度 if (orgCount1 < 8) { $(this).combobox('panel').height("auto"); } else { $(this).combobox('panel').height(200); } } });