zoukankan      html  css  js  c++  java
  • Easyui-combobox-checkbox-带复选框的下拉框

    $.post("getSubInsuranceTypeList.do",{parent_id:node.id},function(result){
                            if (result.length == 0){
                                $("#sub-insurance").addClass("none");
                            } else {
                                $("#sub-insurance").removeClass("none");
                                // 带复选框的下拉框
                                $("#sub_insurance_type").combobox({
                                    data:result,
                                    multiple:true,
                                    valueField: 'id',
                                    textField: 'text',
                                    panelHeight: 'auto',
                                    formatter: function (row) {
                                        var opts = $(this).combobox('options');
                                        return '<input type="checkbox" class="combobox-checkbox">' + row[opts.textField]
                                    },
                                    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');
                                        var el = opts.finder.getEl(this, row[opts.valueField]);
                                        el.find('input.combobox-checkbox')._propAttr('checked', true);
                                    },
                                    onUnselect: function (row) {
                                        var opts = $(this).combobox('options');
                                        var el = opts.finder.getEl(this, row[opts.valueField]);
                                        el.find('input.combobox-checkbox')._propAttr('checked', false);
                                    }
                                });
                            }
                        },"json");

  • 相关阅读:
    企业IT管理说:全自动就一定是最好的吗?
    银行爱“IOE”爱得有多深
    谷歌数据中心
    屏蔽爬虫
    ,net运行框架
    视频格式
    HTTP协议
    IE的体系和webrowser
    jsp请求由servlet响应的方式
    Web请求响应简单整理
  • 原文地址:https://www.cnblogs.com/zisezhixin/p/5069858.html
Copyright © 2011-2022 走看看