//网格过滤
         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");
                    }
                }
             }

easyui enableFilter combobox级联 combotree的更多相关文章

  1. 通过数据库和EasyUI的combobox级联实现省市区三级联动

    1.新建一个web项目 2.因为这里用到了数据库所以我们在lib目录导入Hibernate的jar包.fastjson.jar包及数据库jar包 3.同样导入EasyUI的组件配置,并在新建的html ...

  2. easyui combobox级联(转载)

    一.创建combobox 有如下几种方式可以创建一个combobox 1.使用select标签,并加上class="easyui-combobox",这种方式比较适用于静态的选项. ...

  3. jQuery easyui combobox级联及内容联想

    1.需求:已有一个下拉框A表示地区,现新增需求,需要在A选择不同地区时,增加一个展示该地区所有城市的下拉框B, 由于城市较多,要求B能实现用户输入和模糊匹配展示功能. 2.实现: (1)首先在A下面把 ...

  4. jquery easyui combobox 级联及触发事件,combobox级联

    jquery easyui combobox 级联及触发事件,combobox级联 >>>>>>>>>>>>>>&g ...

  5. EasyUI 中 Combobox里的onChange和onSelect事件的区别

    EasyUI 中 Combobox 选项发生改变时会触发 onChange,onSelect,onClick 3 个事件. 最近要做一个级联的 Combo 菜单,类似于选择地址时让用户填写省,市,区的 ...

  6. jquery easyUI中combobox的使用总结

    jquery easyUI中combobox的使用总结 一.如何让jquery-easyui的combobox像select那样不可编辑?为combobox添加editable属性 设置为false ...

  7. 老生常谈combobox和combotree模糊查询

    FIRST /** * combobox和combotree模糊查询 * combotree 结果显示两级父节点(手动设置数量) * 键盘上下键选择叶子节点 * 键盘回车键设置文本的值 */ (fun ...

  8. ExtJs 之 ComboBox级联使用

    刚接触ExtJs不到一周,项目使用ExtJs框架,有个版块用到了combobox的级联(两级),遇到了一系列的问题,两天来一直查API.网络资料,终于解决了. 先列出遇到的一系列问题(也许你也遇到过! ...

  9. easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法

    easyui的combobox下拉框默认初始值是空,下面是实现从远程加载数据之后初始化默认值,以及让该值一直排在下拉框的最顶部的方式. 目前的需求是需要在初始化的时候添加"全部数据库&quo ...

随机推荐

  1. springframework开源代码导入eclipse

    从毕业到现在已经3个多点年头了,开源框架也用过不少.对于j2ee开发来说,spring框架是是最流行的轻量级可选的框架之一,如果还停留在只会使用,而对源代码不研究是不行的. 话不多说 先从导入代码开始 ...

  2. codeforces.com/problemset/problem/213/C

    虽然一开始就觉得从右下角左上角直接dp2次是不行的,后面还是这么写了WA了 两次最大的并不一定是最大的,这个虽然一眼就能看出,第一次可能会影响第二次让第二次太小. 这是原因. 5 4 32 1 18 ...

  3. C# 问题解决思路--《数组bytes未定义》,ASP.NET页面加载顺序

    好久没写博客了,废话不多说,直接说问题. 问题发生情况,首先这个是老项目,然后我是第一次修改.当我解决了各种引用,数据库配置之后等类似的问题,我启动的项目的时候,无任何问题,但是当我点击页面的按钮的时 ...

  4. mysql错误日志路径

    造成该问题的原因有很多,单纯的百度google这个问题,很难找到正确的解决办法,要对症下药测才能解决:1.查看具体错误信息:  按:计算机管理——>系统工具——>事件查看器——>Wi ...

  5. 12.了解或熟悉 C, C++, .NET

    挂起,暂不了解,不过C++略懂,.net虽不懂但是做过实际项目,有能力担当

  6. 最长上升子序列O(nlogn)算法详解

    最长上升子序列 时间限制: 10 Sec   内存限制:128 MB 题目描述 给定一个序列,初始为空.现在我们将1到N的数字插入到序列中,每次将一个数字插入到一个特定的位置.我们想知道此时最长上升子 ...

  7. Ceph的客户端安装

    Contents [hide] 1 参考 1.1 ceph端口访问控制 1.2 用Kernel方式挂载 1.2.1 安装ELRepo及kernel-lt 1.2.2 修改Grub引导顺序并重启动 1. ...

  8. [转]Delphi多线程编程入门(一)

    最近Ken在比较系统地学习Delphi多线程编程方面的知识,在网络上查阅了很多资料.现在Ken将对这些资料进行整理和修改,以便收藏和分享.内容基本上是复制粘贴,拼拼凑凑,再加上一些修改而来.各个素材的 ...

  9. maven相关

    1. 创建/导入maven项目时 eclipse默认jdk版本配置:http://blog.csdn.net/lzj0470/article/details/42292021 2. eclipse 使 ...

  10. android 开发中的常见问题

    Android studio 使用极光推送, 显示获取sdk版本失败 在 build.gradle(Module.app) 添加 android {    sourceSets.main {      ...