zoukankan      html  css  js  c++  java
  • 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");
                        }
                    }
                 }

  • 相关阅读:
    Elasticsearch的介绍与安装配置启动问题
    代码发布项目
    gitpython模块
    Paramiko模块
    gojs插件的介绍与使用
    django中如何实现websocket,真正通过websocket实现群聊功能
    如何实现服务端主动给客户端推送消息,websocket详解,以及django如何使用websocket问题
    简单爬取汽车之家新闻(requests模块+bs4)
    http协议版本,响应状态码,正反向代理的区别,与伪静态
    web开发经验——富头像上传编辑器的使用
  • 原文地址:https://www.cnblogs.com/ckaifeng/p/5006569.html
Copyright © 2011-2022 走看看