首页 > 其他分享 >easyui combobox 多选及全选 功能(XTHS_实测可行)

easyui combobox 多选及全选 功能(XTHS_实测可行)

时间:2023-07-24 11:23:34浏览次数:47  
标签:function XTHS easyui combobox valueField var opts row

代码如下:

$("#DepartmentCode").comboex({
    data: [{
        "value": "",
        "text": "全部"
    },
    {
        "value": "001",
        "text": "部门1"
    },
    {
        "value": "002",
        "text": "部门2"
    },
    {
        "value": "003",
        "text": "部门3"
    }],
    valueField: 'value',
    textField: 'text',
    panelHeight: 200,
    editable: false,
    multiple: true,
    formatter: function (row) { //formatter方法就是实现了在每个下拉选项前面增加checkbox框的方法
        var opts = $(this).combobox('options');
        return '<input type="checkbox" class="combobox-checkbox">' + row[opts.textField]
    },
    onl oadSuccess: function (record) {
        if (comboboxParams == null) {
            comboboxParams = PTLocalStorage.get(window.document.URL, false);
        }
        if (comboboxParams) {
            var tmpPara = comboboxParams.state;
            if (tmpPara && tmpPara != "") {
                $(this).combobox('setValue', tmpPara);
            }
        }
    },
    onClick: function (record) {
        var valueField = $(this).combobox("options").valueField;
        if (!record[valueField]) {
            var data = $(this).combobox("getData");
            var values = $(this).combobox("getValues");
            var selectVaues = [];
            if ((data.length - 1) != values.length) {
                data.reduce(function (prev, current, index, array) {
                    selectVaues.push(current[valueField]);
                }, selectVaues);
            } else {
                selectVaues.push(record[valueField]);
            }
            $(this).combobox('setValues', selectVaues);
        }
    },
    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);
    }
});

  

转自:easyui combobox 多选及全选 功能_51CTO博客_easyui combobox

 

标签:function,XTHS,easyui,combobox,valueField,var,opts,row
From: https://www.cnblogs.com/wwssgg/p/17576762.html

相关文章

  • JQuery ComboBox 如何让数据重新加载并清空选项
    1、场景有两个下拉框,1个是产品类型 下拉框,1个是项目代码 下拉框项目类型下拉框的值需要根据产品类型下拉框,进行调整。这个时候,每次选中产品类型下拉框,项目代码下拉框的值,都要重新进行加载 2、如何进行重新加载$('#abc').combobox('loadData',intelProjCodeCombox......
  • jquery__WEBPACK_IMPORTED_MODULE_2___default(...)(...).combobox is not a func
    1、问题:使用jquery的combobox控件的时候出现了这个错误。$('#mySelect').combobox({width:200,data:comboboxData,valueField:'desc',textField:'text'});2、解决过程:我上网看了很多都说是因为jquery没有正确......
  • C# winfrom 自定义一个多选下拉控件MultiCombobox
    先看效果图:下拉框可自由拖动大小,内部checkbox会自动换行。主要代码片段自定义控件MultiComboboxCtrl1publicpartialclassMultiComboBoxCtrl:UserControl2{3MyCheckboxListCtrlcheckBoxListCtrl;4publiceventAction<string>Selec......
  • EasyUi的combobox使用方式
    1、如何显示出来<selectid="mySelect"></select>$('#mySelect').combobox();2、如何初始化数据productData.map(item=>{comboboxData.push({"id":item.staticDisplayValue,"text":item.staticDisplayValue,&q......
  • EasyUI常用表格和方法
    好久没碰过EasyUI了,列个目前使用的(以备不时之需-毕竟有些参数官网找得慢)1.基础设置//获取值$('#id').combobox('getValue');$('#id').textbox('getValue');$('#id').checkbox('options').checked;//设置值$('#id').combobox('......
  • WPF 自定义ComboBox
    需求:ComboBox下拉列表,在光标移出ComboBox后,下拉列表立即收起。 利用WPF的 自定义控件继承于ComboBox开发项目中需要的JComboBox,其代码如下:namespaceFrameWPF{///<summary>///按照步骤1a或1b操作,然后执行步骤2以在XAML文件中使用此自定义控件。......
  • ui设计师界面combobox控件添加鼠标点击信号
    一、概述combobox下拉框控件下拉后会显示预设好的选择内容,可是想要实现显示内容动态可变,点击的时候实时刷新到最新内容,就需要点击信号,但是qt本身没有实现这个点击信号。要实现这个功能本质方法是需要重写combobox的鼠标点击事件,这里介绍如何为ui设计师界面的combobox控件添加......
  • WinUI ComboBox加载时不能正常显示绑定属性
    搞WINUI时发现下述问题:ComboBox的item1绑定了一个属性,但是程序在加载完成后,页面上并不能正常显示(已经设置了默认选择为ComboBox绑定属性那个item,但是就不正常);而TextBlock绑定相同的属性,是能正常显示的。 具体现象如下,左红色框中为TextBlock,右蓝色框中为ComboBox。 其xam......
  • WPF 实现在Combobox下拉菜单展开,未选择,直接点击button自动收起下拉菜单,并响应button绑
    在正常情况下,下拉菜单展开后,我们都会选择一个合适的选项;但是在某些时候,展开下拉菜单后,发现并不需要选择一个选项,只是需要进行后续操作,然后这时在点击其他位置的button时,你会发现:只有combobox的下拉菜单收起来了,但是button的绑定事件并未响应…… 为了实现未选择下拉菜单,点击bu......
  • easyui-datagrid 显示和隐藏
    easyui-datagrid显示和隐藏有点特殊正常使用的  style="display:none;"不起作用需要在外面套一个  easyui-panel  ,控制easyui-panel来间接控制  easyui-datagrid <divid='div_toexcel'class='easyui-panel'closed='true'><tableid=......