easyui-datagrid-filter中combotree类型过滤控件的遇到的问题和思考

easyui-datagrid-filter中combotree类型过滤控件的遇到的问题和思考

最终形成的filter如下

{
    field: "majors",
    type: 'combotree',
    options: {
        panelHeight:null,
        url:url_querymajors,
        method: 'POST',
        editable:true,
        onChange: function (value) {
            if(value!=""){
                $.ajax({
                    url:url_recursionquery,
                    type:"POST",
                    data:{id:value},
                    dataType:"json",
                    success:function (d) {
                        if($.isArray(d)){
                            var majors=[];
                            majors["field"]="majorsfilter";
                            $.each(d,function (i, v) {
                                majors.push({field:"{@EXPRESSION:instr(majors,'"+v.id+"')}",op:"greater",value:"0"});
                            });

                            var dgid='maindatagrid';
                            var $grid=$('#'+dgid);
                            $grid.datagrid('removeFilterRule','majorsfilter');
                            $grid.datagrid('addFilterRule', majors);
                            $grid.datagrid('doFilter');
                        }
                    }
                });
            }
        }
    }
}

同时给输入框绑定input事件

//过滤条件中专业输入框绑定input事件
function majorsfilterbindevent() {
    $(".datagrid-filter[name=majors]").next("span").children("input[type=text]").on("input",function () {
        if($(this).val()==""){
            var dgid='maindatagrid';
            var $grid=$('#'+dgid);
            $grid.datagrid('removeFilterRule','majorsfilter');
            $grid.datagrid('doFilter');
        }
    });
}

这里分析一下自己当时解决这个问题的思路，通过调用三个函数removeFilterRule(移除规则)、addFilterRule(增加规则)、doFilter(执行规则)来实现datagrid的数据过滤，拼接正确的过滤数据，就可以达到过滤的效果。

名称	参数	描述
addFilterRule	param	添加一个过滤规则。$('#dg').datagrid('addFilterRule', {field: 'desp',op:'contains',value: 'easyui'});
removeFilterRule	field	移除过滤规则。如果 ‘field’ 参数未指定，移除所有的过滤规则。
doFilter	none	基于过滤规则执行过滤。

从这三个方法的介绍中可以看出addFilterRule方法的参数是一个规则的对象，而且从实践中发现这个对象的field属性，在所有的条件中是不会重复的，所以重复添加相同field的规则，会覆盖。这一点也可以从removeFilterRule可以通过field来移除规则可以看出。
而我这里需要指定的规则是一个数组(后端我会解析这个数组为或查询)，为了应用这几个函数，联想到javascript中一切都是对象，而且作为弱类型语言，是否这里数组一样可以作为addFilterRule的参数。故给数组majors增加了一个属性，如下

 majors["field"]="majorsfilter";

然后正常的按照api调用方法，达到了自己预期的效果。
总结：这里我在没有查看源代码的情况下，依据api，做了一些发散性的尝试，达到了预期的效果。可以看出解决问题的时候，思维需要够灵活，大胆尝试。