easyui enableFilter combobox级联 combotree

摘要:
//网格过滤器函数datagridFilter(dg){dg.datagrid('nableFilter');dg.datagrid('nable Filter',[{field:'ownName',类型:'mbox',选项:{

        //网格过滤
         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》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇OC 枚举算法训练 字符删除下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

关于silverlight的combobox选择项改变的问题

昨天接手一个项目,要帮忙做项目里的一个项目统计功能罢了,本来也没什么,麻烦就在于,它要用silverlight.所以然遇到了一路问题。其中之一就是这个[Silverlight中为ComboBox设定当前选择项]。网上搜了大堆资料,其中大同小异,答案如下: 方法一: this.comboBox1.SelectedItem = (from p in this...

JQuery EasyUI datagrid 批量编辑和提交

前台主要代码: <script type="text/javascript"> $(function() { var $dg = $("#dg"); $dg.datagrid({ url : "servlet/list", width : 700,...

C# WinForm开发系列 DataGrid/DataGridView

在WinForm开发中,DataGrid/DataGridView被广泛使用于绑定数据库中数据进行呈现.整理一些关于DataGrid /DataGridView使用的文章,涉及DataGrid/DataGridView基本功能,自定义绘制控件,数据导入/导出(Excel),打印 等. 1.新数据网格简介(DataGridView) 2.自定义DataGri...

DataGrid最简单全面的分页 2

1 在绑定DataGrid方法设置允许分页; 2 在绑定DataGrid方法里初始化;3 分页控制按钮属性4  分页返回总页数,并初始化按钮控件;5  linkBtn控件事件; ======================================= 1 设置允许分页;   this.dgbend.PageSize=10;     this.dgb...

JQuery Easy Ui dataGrid 数据表格 --&amp;gt;转

转至: http://www.cnblogs.com/cnjava/archive/2013/01/21/2869876.html#events   数据表格 - DataGrid 内容 概况 使用方法 数据表格属性 数据列属性 编辑 数据视图 事件 方法 继承$.fn.panel.defaults,使用$.fn.datagrid.default...

easyui datagrid toolbar 添加搜索框

最近用到了就研究了下,效果  把列名稍加转换放入menubtton,对于单项搜索来说还是非常方便的 var fields =  $('#tt').datagrid('getColumnFields'); for(var i=0; i<fields.length; i++){ var opts = $('#tt').datagrid('getC...