easyui enableFilter combobox级联 combotree

        //网格过滤
         function datagridFilter(dg){
             dg.datagrid('enableFilter');
             dg.datagrid('enableFilter',[{
                 field:'townName',
                  type:'combobox',
                  options:{
                    url:'area/getAreas.action?type=2&parentCode=330106',
                    valueField:'code',
                    textField:'name',
                    onChange:function(value){
                        //刷新数据,重新读取省份下的城市,并清空当前输入的值
                        var component = dg.datagrid('getFilterComponent', 'villageName');
                        component.combobox('reload','area/getAreas.action?type=2&parentCode='+value);
                        if (value == ''){
                            dg.datagrid('removeFilterRule', 'townName');
                        } else {
                            dg.datagrid('addFilterRule', {
                                field: 'townName',
                                op: 'equal',
                                value: value
                            });
                        }
                        dg.datagrid('doFilter');
                    },
                    onLoadSuccess:function(){
                        var component = dg.datagrid('getFilterComponent', 'townName');
                        var component1 = dg.datagrid('getFilterComponent', 'villageName');
                        if(tvCode.length>0){
                            if(tvCode.length==9){
                                component.combobox('setValue',tvCode);
                                component1.combobox('reload','area/getAreas.action?type=2&parentCode='+component.combobox('getValue'));
                            }else{
                                component.combobox('setValue',tvCode.substring(0,9));
                                component1.combobox('reload','area/getAreas.action?type=2&parentCode='+component.combobox('getValue'));
                                component.combobox('readonly',"true");
                            }
                        }else{
                            if(areaCode.length==9){
                                component.combobox('setValue',areaCode);
                                component.combobox('readonly',"true");
                                component1.combobox('reload','area/getAreas.action?type=2&parentCode='+component.combobox('getValue'));
                            }else if(areaCode.length==12){
                                component.combobox('setValue',$("#areaCode").val().substring(0,9));
                                component1.combobox('reload','area/getAreas.action?type=2&parentCode='+component.combobox('getValue'));
                                component.combobox('readonly',"true");
                            }else{
                                dg.datagrid('doFilter');
                            }
                        }
                    }
               }
             },
             {
                 field:'villageName',
                  type:'combobox',
                  options:{
                    //url:'area/getAreas.action?type=2&parentCode=330106',
                    valueField:'code',
                    textField:'name',
                    onChange:function(value){
                        //刷新数据,重新读取省份下的城市,并清空当前输入的值
                        if (value == ''){
                            dg.datagrid('removeFilterRule', 'villageName');
                        } else {
                            dg.datagrid('addFilterRule', {
                                field: 'villageName',
                                op: 'equal',
                                value: value
                            });
                        }
                        dg.datagrid('doFilter');
                    },
                    onLoadSuccess:function(){
                        var component = dg.datagrid('getFilterComponent', 'villageName');
                        var value=component.combobox('getValue');
                        if(tvCode.length==12){
                            component.combobox('setValue',tvCode);
                        }
                        if(areaCode.length<12){
                            dg.datagrid('addFilterRule', {
                                field: 'villageName',
                                op: 'equal',
                                value: value
                            });
                        }else if(areaCode.length>9){
                            component.combobox('setValue',areaCode);
                            component.combobox('readonly',"true");
                            dg.datagrid('addFilterRule', {
                                field: 'villageName',
                                op: 'equal',
                                value: value
                            });
                            }
                        }
               }
             }]);
         }

 

/**

*combotree

*/

{
                  field:'departmentName',
                  type:'combotree',
                  options:{
                    panelHeight:'auto',
                    multiple:true,
                    url: 'commonaction/queryDepartmentorgTreeData.action',    
                    onLoadSuccess:function(){
                        var component = dg.datagrid('getFilterComponent', 'departmentName');
                        component.combotree('setValue',4);
                    },
                    onChange:function(value){
                        //var component = dg.datagrid('getFilterComponent', 'departmentName');
                          //var value=component.combotree('getValue');
                            dg.datagrid('addFilterRule', {
                                field: 'departmentName',
                                op: 'equal',
                                value: value
                            });
                            dg.datagrid("doFilter");
                    }
                }
             },{
                  field:'projectName',
                  type:'combotree',
                  options:{
                     url:"authorization/getProjectTreeByAccountId.action?accountId="+$("#accountId").val(),
                    panelHeight: "auto",
                    editable: false, //不允许手动输入
                    multiple:true,
                    cascadeCheck: true,
                    onLoadSuccess: function (data) { //数据加载完毕事件
                        var component = dg.datagrid('getFilterComponent', 'projectName');
                        var data = component.combotree('tree').tree("getRoots");
                        if (data.length > 0) {
                            component.combotree('tree').tree("check",data[0].target);//('select', data[0].target);
                        }
                    },
                    onChange:function(value){
                        //var component = dg.datagrid('getFilterComponent', 'projectName');
                        //var data = component.combotree('tree').tree("getRoots");
                        //if (data.length > 0) {
                        //    component.combotree('tree').tree("check",data[0].target);//('select', data[0].target);
                        //}
                        var value=component.combotree('getValue');
                        dg.datagrid('addFilterRule', {
                            field: 'projectName',
                            op: 'equal',
                            value: value,
                        });
                        dg.datagrid("doFilter");
                    }
                }
             }

转载于:https://www.cnblogs.com/ckaifeng/p/5006569.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 可以通过设置value属性来设置easyui combobox的默认值。例如: ``` $('#mycombobox').combobox({ value: 'defaultvalue' }); ``` 其中,`#mycombobox`是combobox的选择器,`defaultvalue`是要设置的默认值。 ### 回答2: easyui combobox是一款非常实用的下拉框组件,在实际应用中,为了方便用户的使用,我们往往需要将一些常用的选项设置成默认值。下面,我将详细介绍easyui combobox如何设置默认值。 easyui combobox的默认值设置,需要借助于其属性value。在设置默认值时,我们首先需要确定默认项的值,以及该值对应的文本。例如,如果我们要设置default_item为默认项,则可以按照如下操作进行: 1.设置combobox的value属性为default_item的值: $("#combobox_id").combobox("setValue", default_item_value); 2.设置combobox的text属性为default_item的文本: $("#combobox_id").combobox("setText", default_item_text); 3.设置combobox的data属性,将默认项插入到下拉框的首位: $("#combobox_id").combobox({ data: [ {id: default_item_value, text: default_item_text}, {id: item1_value, text: item1_text}, {id: item2_value, text: item2_text}, {id: item3_value, text: item3_text} ] }); 通过以上操作,我们就可以将easyui combobox的默认项设置好了。 需要注意的是,在设置默认项时,我们需要保证该项的值和文本都是存在的,否则easyui combobox将会无法设置默认值。同时,我们也可以通过其他方法来设置默认值,例如在加载数据时,通过判断数据中是否包含默认项,来设置easyui combobox的默认值。 总的来说,easyui combobox设置默认值并不难,只需要根据实际需求选择合适的方法,并保证数据的正确性,就可以实现操作。 ### 回答3: easyui combobox 是一种常用的前端组件,也是对下拉菜单的一种扩展。在使用 easyui combobox 时,我们可以设置其默认值,以提高用户体验。下面是 easyui combobox 设置默认值的方法。 1. 使用 value 属性设置默认值 我们可以使用 easyui combobox 的 value 属性来设置默认值。例如: ```html <input class="easyui-combobox" id="mycombobox" data-options="value:'1'"> ``` 上面的代码中,我们设置 easyui combobox 的默认值为 1。 2. 使用 setValue 方法设置默认值 除了使用 value 属性,我们还可以使用 easyui combobox 的 setValue 方法来设置默认值。例如: ```javascript $('#mycombobox').combobox('setValue', '1'); ``` 上面的代码中,我们首先找到 id 为 mycomboboxeasyui combobox,然后使用 combobox 方法的 setValue 来设置默认值为 1。 3. 使用 select 方法设置默认值 还可以使用 easyui combobox 的 select 方法来设置默认值。例如: ```javascript $('#mycombobox').combobox('select', '1'); ``` 上面的代码中,我们同样是找到 id 为 mycomboboxeasyui combobox,然后使用 combobox 方法的 select 来设置默认值为 1。 总之,我们可以通过 easyui combobox 的 value 属性、setValue 方法和 select 方法来设置 easyui combobox 的默认值。在使用时,我们需要根据具体情况选择适合自己的方法。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值