文档章节

EasyUi combobox-checkbox 带全选功能

小菜鸟要起飞
 小菜鸟要起飞
发布于 2016/07/01 18:17
字数 295
阅读 463
收藏 0

        $(function () {
            binProvince();
        });

        function binProvince() {
            //            $.get("StatusEnquiry.ashx?M=GetProvince", function (data, statue) {
            var datas = [{ "ID": 0, "Name": "全选" }, { "ID": 1, "Name": "北京" }, { "ID": 2, "Name": "天津"}];
            $('#Se_Province').combobox({
                // url: 'StatusEnquiry.ashx?M=GetProvince',
               data: datas,
                textField: 'Name',
                valueField: 'ID',
                multiple: true,
                formatter: function (row) {

                    var opts = $(this).combobox('options');

                    return '<input type="checkbox" class="combobox-checkbox">' + row[opts.textField]

                },



                onShowPanel: function () {

                    var opts = $(this).combobox('options');

                    var target = this;

                    var values = $(target).combobox('getValues');

                    $.map(values, function (value) {

                        var el = opts.finder.getEl(target, value);

                        el.find('input.combobox-checkbox')._propAttr('checked', true);

                    })

                },

                onLoadSuccess: function () {

                    var opts = $(this).combobox('options');

                    var target = this;

                    var values = $(target).combobox('getValues');

                    $.map(values, function (value) {

                        var el = opts.finder.getEl(target, value);

                        el.find('input.combobox-checkbox')._propAttr('checked', true);

                    })

                },

                onSelect: function (row) {
                    var opts = $(this).combobox('options');
                    if (row[opts.valueField] == 0) {
                        $(this).combobox('clear');
                        $(this).combobox('setValue', 0);
                        var values = $(this).combobox('getData');
                        for (var i = 0; i < values.length; i++) {
                            var el = opts.finder.getEl(this, values[i][opts.valueField]);

                            el.find('input.combobox-checkbox')._propAttr('checked', true);
                            //el.find('input.combobox-checkbox').prop('disabled', false);
                        }
                    }
                    else {

                        var value = $(this).combobox('getValues');
                        var aaa = value.indexOf("0");

                        if (value.indexOf("0") == -1) {

                            var a = row[opts.valueField];
                            var el = opts.finder.getEl(this, row[opts.valueField]);

                            el.find('input.combobox-checkbox')._propAttr('checked', true);
                        }
                        else {
                            $(this).combobox('clear');
                            $(this).combobox('setValue', 0);
                        }
                    }
                },

                onUnselect: function (row) {
                    var opts = $(this).combobox('options');
                    $(this).combobox('clear');
                    if (row[opts.valueField] == 0) {
                        var values = $(this).combobox('getData');
                        for (var i = 0; i < values.length; i++) {
                            var el = opts.finder.getEl(this, values[i][opts.valueField]);
                            el.find('input.combobox-checkbox')._propAttr('checked', false);
                        }
                    }
                    else {



                        var el = opts.finder.getEl(this, row[opts.valueField]);

                        el.find('input.combobox-checkbox')._propAttr('checked', false);
                    }

                }



            });           
        };
        

 

© 著作权归作者所有

小菜鸟要起飞
粉丝 0
博文 31
码字总数 8551
作品 0
海淀
程序员
私信 提问
easyui-combobox与JSP的使用冲突

最近使用easyUI的combobox下拉控件时出现BUG,我在combobox中定义了一个循环下拉菜单,菜单的内容通过jsp的foreach标签取值。功能代码如下: ${item.report_name} 结果导致前台的下拉框的内容...

怒摘一板
2017/04/13
197
0
jQuery-EasyUI 1.2.3 发布

Current Version: 1.2.3 ChangeLog: Bug window: Cannot resize the window with iframe content. fixed. tree: The node will be removed when dragging to its child. fixed. combogrid: T......

ejzhang
2011/04/26
6.2K
3
easyui select 变为combobox的问题

用select标签转变为combobox html代码: aitem1 bitem2 bitem3 ditem4 eitem5 JS代码 $('#cc').combobox({ formatter:function(row){ }, filter:function(q,row){ }, valueField:'id', text......

wangaowell
2015/03/20
2.3K
0
EasyUI Combobox中getValue和getText

在组织部项目中使用的Combobox都是通过<input>标签实现的,如下: <input id="checkPlace" class="easyui-combobox" name="checkPlace" data-options="valueField:'id',textField:'text',ur......

霜叶情
2018/04/12
190
0
asp.net easyui 动态绑定下拉框

前台: 标题

李洛尘
03/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

springboot 403 问题

添加WebAppConfigurer 配置 @Configuration@EnableAutoConfigurationpublic class WebAppConfigurer extends WebMvcConfigurerAdapter { public WebAppConfigurer() { } ......

布袋和尚_爱吃鱼
25分钟前
3
0
Python自动更换壁纸爬虫与tkinter结合

直接上代码 import ctypesimport timeimport requestsimport osfrom threading import Threadfrom tkinter import Tk, Label, Button,Entry,StringVar,messagebox# '放到AppData\Roami......

物种起源-达尔文
25分钟前
3
0
Postgresql Study 笔记

Postgresql 安装 Windows, MAC Install Postgresql 下载地址: https://www.enterprisedb.com/downloads/postgres-postgresql-downloads Linux Install sudo apt-get update sudo apt-get in......

slagga
27分钟前
3
0
layer.open 打开新页面传参问题

如图所示,点击出售,把A页面的数据传到弹框上面,因为弹框比较复杂,所以使用引入一个新页面。 A.html a.js B.html b.js 1、第一种方案 sellInte: function (){ var obj = document.g...

木九天
30分钟前
4
0
沙龙报名 | 区块链数据服务技术应用实践

京东云是国内首家提供区块链数据在线分析服务产品的公司,也是行业内首家对区块链数据服务进行开源的公司。 本次沙龙是京东云BDS开源后,首次在深圳举办线下沙龙,我们将邀请京东云BDS团队核...

京东云技术新知
31分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部