EasyUI combobox（多选下拉框）加载时设置默认值（设置默认选中值、设置默认选中前几项）

妖狐艹你老母 2023-10-05 16:42 4阅读 0赞

### 1 多选下拉框加载时设置默认选中值 ###

#### 1.1 setValues+勾选选中行的复选框 ####

unction BindMultiListCode(objId,comboxData,values){
        $('#' + objId).combobox({
            data: comboxData,
            valueField: 'Code',
            textField: 'CodeName',
            panelHeight: 'auto',
            editable: false,
            showblank: true,
            multiple: true,
            formatter: function (row) {
                var opts = $(this).combobox('options');
                return '<input type="checkbox" class="combobox-checkbox">' + row[opts.textField];
            },
            onLoadSuccess: function (data) {
                //多选下拉框加载成功后设置默认选中值
                $('#' + objId).combobox("setValues", values);
                for (var i = 0; i < values.length; i++) {
                    var value = values[i];
                    var children = $(target).combobox("panel").children();
                    $.each(children, function (index, obj) {
                        if (value == obj.getAttribute("value") && obj.children && obj.children.length > 0) {
                            obj.children[0].checked = true;
                        }
                    });
                }
            },
            onSelect: function (row) {
                var opts = $(this).combobox("options");
                var objCom = null;
                var children = $(this).combobox("panel").children();
                $.each(children, function (index, obj) {
                    if (row[opts.valueField] == obj.getAttribute("value") && obj.children && obj.children.length > 0) {
                        obj.children[0].checked = true;
                    }
                });
            },
            onUnselect: function (row) {
                var opts = $(this).combobox("options");
                var objCom = null;
                var children = $(this).combobox("panel").children();
                $.each(children, function (index, obj) {
                    if (row[opts.valueField] == obj.getAttribute("value") && obj.children && obj.children.length > 0) {
                        obj.children[0].checked = false;
                    }
                });
            }
        });
    }

#### 1.2 select ####

unction BindMultiListCode(objId,comboxData,values){
        $('#' + objId).combobox({
            data: comboxData,
            valueField: 'Code',
            textField: 'CodeName',
            panelHeight: 'auto',
            editable: false,
            showblank: true,
            multiple: true,
            formatter: function (row) {
                var opts = $(this).combobox('options');
                return '<input type="checkbox" class="combobox-checkbox">' + row[opts.textField];
            },
            onLoadSuccess: function (data) {
                //多选下拉框加载成功后设置默认选中值
                $('#' + objId).combobox("setValues", values);
                for (var i = 0; i < values.length; i++) {
                    var value = values[i];
                    $('#' + objId).combobox('select', value.toString());
                }
            },
            onSelect: function (row) {
                var opts = $(this).combobox("options");
                var objCom = null;
                var children = $(this).combobox("panel").children();
                $.each(children, function (index, obj) {
                    if (row[opts.valueField] == obj.getAttribute("value") && obj.children && obj.children.length > 0) {
                        obj.children[0].checked = true;
                    }
                });
            },
            onUnselect: function (row) {
                var opts = $(this).combobox("options");
                var objCom = null;
                var children = $(this).combobox("panel").children();
                $.each(children, function (index, obj) {
                    if (row[opts.valueField] == obj.getAttribute("value") && obj.children && obj.children.length > 0) {
                        obj.children[0].checked = false;
                    }
                });
            }
        });
    }

### 2 多选下拉框加载时设置默认选中前几项 ###

#### 2.1 setValues+勾选选中行的复选框 ####

#### 2.2 select ####