zoukankan      html  css  js  c++  java
  • easyui commbox嵌入一个checkbox的实现

    function InitComBoBox(datagrid, combxid, formid, url, valueField, textField,_prompt) {
    $(combxid).combobox({
    url: Medicom.url + url,
    method: 'get',
    valueField: valueField,
    textField: textField,
    panelHeight: 'auto',
    multiple: true,
    200,
    editable: false,
    prompt: _prompt,
    formatter: function (row) {
    var opts = $(this).combobox('options');
    return '<label><input type="checkbox" class="combobox-checkbox"> ' + row[opts.textField] + '</label>'
    },
    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);
    })
    },
    onHidePanel: function () {
    //提交给后台进行查询
    },
    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);
    }
    });
    }

  • 相关阅读:
    checkbox全选
    table隔行变色与table单元格根据条件更改字体颜色
    document.ready和window.onload
    JS实现定时弹出广告
    CSS overflow属性与display属性
    OpenCV 安装步骤
    C#类的继承多态(虚方法,隐藏方法、抽象类和抽象方法)
    C#中虚方法,抽象方法和隐藏方法
    C#的重载与重写
    C#中可空类型
  • 原文地址:https://www.cnblogs.com/huangf714/p/6092978.html
Copyright © 2011-2022 走看看