EasyUI combobox（多选下拉框）绑定数据2种方式（动态数据绑定，本地数据绑定）

曾经终败给现在 2023-10-05 16:42 35阅读 0赞

### 1 多选下拉框动态数据绑定 ###

function BindMultiListCode(objId,codetype){
        $('#' + objId).combobox({
            url: '/GetComboboxData.ashx?action=GetListCode&CodeType=' + codetype,
            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) {
            },
            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 多选下拉框本地数据绑定 ###

function BindMultiListCode(objId,comboxData){
        $('#' + 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) {
            },
            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;
                    }
                });
            }
        });
    }

####  ####

发表评论取消回复

表情：

评论列表（有 0 条评论，35人围观）

还没有评论，来说两句吧...

相关阅读

相关 EasyUI combobox（多选下拉框）绑定数据2种方式（动态数据绑定，本地数据绑定）

1 多选下拉框动态数据绑定 function BindMultiListCode(objId,codetype){ $('' + objId).c

曾经终败给现在/ 2023年10月05日 16:42/ 0 赞/ 36 阅读

相关 EasyUI combobox（单选下拉框）绑定数据3种方式（动态数据绑定，本地数据绑定，select标签渲染）

1 单选下拉框动态数据绑定 1.1 数据绑定 function BindListCode(objId,codetype,isshowblank,strReq

た入场券/ 2023年10月05日 14:05/ 0 赞/ 52 阅读

相关下拉框绑定数据器

相信大家都知道下拉框是什么，不知道的也用过，当然只是在手机电脑上面用过尤其是在领游戏礼包选哪个区的时候被用的最为频繁，所以还是非常重要的。大部分下拉框都会和搜索框，表格组合

忘是亡心i/ 2022年10月08日 00:57/ 0 赞/ 213 阅读

相关下拉框数据绑定

下拉框数据绑定开发工具与关键技术：VS、下拉框数据绑定作者：黄桂康撰写时间： 2019年04月01日本篇只要讲页面的下拉框数据绑定，在一些项

矫情吗；*/ 2022年02月23日 11:40/ 0 赞/ 305 阅读

相关下拉框数据的绑定

开发工具与关键技术：VS ；单表的linq语句，jquery 作者：刘佳明撰写时间：2019年 4 月 20 日（注：本文章中代码来源于老师的课件！！！！）;

亦凉/ 2022年02月13日 13:50/ 0 赞/ 344 阅读

相关下拉框绑定数据

下拉框绑定数据下面我们要在VS（使用版本为：Visual Studio 2015）中完成下拉框绑定数据。 ![在这里插入图片描述][2019050717221781

╰半橙微兮°/ 2022年02月04日 11:49/ 0 赞/ 299 阅读

相关下拉框数据绑定

开发工具与关键技术：MVC 作者：文泽钦撰写时间：2019年 6 月 24 日今天做一个下拉框数据触发改变事件，就是选择一个下拉框数据绑定后，另一个文本框也能跟着

朱雀/ 2021年12月21日 10:39/ 0 赞/ 336 阅读

相关 ComboBox的数据绑定

这里的ComboBox指System.Windows.Forms中的ComboBox。使用对象数据源 IList<Model> models = ModelSer

Bertha 。/ 2021年12月20日 10:09/ 0 赞/ 245 阅读

相关下拉框数据的绑定触发文本框数据的绑定

开发工具与关键技术：Visual Studio 作者：肖广斌撰写时间：2019年6月30日这里要实现的是当我们选中一条下拉框的数据，然后要触发另外一个文本框的数据

àì夳堔傛蜴生んèń/ 2021年12月17日 02:29/ 0 赞/ 315 阅读

相关多个下拉框绑定数据

开发工具与关键技术：SQL Server 2014与jquery 作者：戴怡斌撰写时间：2019年7月17日下拉框是真的已经

落日映苍穹つ/ 2021年12月04日 07:25/ 0 赞/ 381 阅读