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");

  • 相关阅读:
    初来乍到
    windows小技巧:远程桌面连接rdp文件
    CSS小试牛刀
    Windows phone 7之样式与模板
    Pulldowntorefresh a WP7 ListBox or ScrollViewer(向上向下的手势)
    Windows Phone 7 文件下载进度和速度显示
    WPF Binding
    wp7学习笔记(转)
    WP7 网络请求之WebClient
    Windows Phone Tilt effect on HubTile and other Controls
  • 原文地址:https://www.cnblogs.com/zisezhixin/p/5069858.html
Copyright © 2011-2022 走看看