easyui combobox使用总结

参考博文：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);
                }
            }
        });