Ext PagingToolbar 查询分页

var gridStore=new Ext.data.JsonStore({
        url:"Materials.aspx?witch=gridData",
        root:"gridData",
        baseParams:{
            limit:20,
            start:0,
            comboValue:""
        },
        fields:["a","b","c"]
});
//然后有一个pagingToolbar
var ptb=new Ext.PagingToolbar({
            pageSize:20,
            store:gridStore,
            displayInfo:true,
            displayMsg:"显示第 {0} 条到 {1} 条记录，一共 {2} 条",
            emptyMsg: "没有记录"
})
//然后有一个输入,输入查询条件
var tf=new Ext.Textfield({
            id:"input",
            width:"150"
});
//然后想要实现在pagingtoolbar上按左右箭头会把查询出来的结果分页,下面是必须的
gridStore.on('beforeload', function(thiz,options) {
        Ext.apply(thiz.baseParams,{comboValue:Ext.getCmp("input").getValue()});
        //这个也行
        //gridStore.baseParams["comboValue"]=Ext.getCmp("input").getValue()
});
gridStore.reload({params:{start:0,limit:20,comboValue:Ext.getCmp("input").getValue()}});

然后下面是解释:
这里是PagingToolbar提交参数的代码
doLoad=function(start){
        var o = {}, pn = this.paramNames;
        o[pn.start] = start;
        o[pn.limit] = this.pageSize;
        if(this.fireEvent('beforechange', this, o) !== false){
            this.store.load({params:o});
};
不难看出他这里只传start和limit,这两个是paramNames中的映射,之前还尝试修改这个东西看到这段代码彻底绝望了.然后是store.load(...)这里可以找到答案.其实之前就想要通过修改baseParams来弄的.但是怎样都弄不好,才发现这里他传进去的只有start和limit,这个坑爹啊.然后在网上寻觅了一下,发现了这个东西:Ext.apply()针对这个东西,下面是一篇很好的文章:

        apply及applyIf方法都是用于实现把一个对象中的属性应用于另外一个对象中，相当于属性拷贝。不同的是apply将会覆盖目标对象中的属性，而applyIf只拷贝目标对象中没有而源对象中有的属性。
apply方法的签名为“apply( Object obj, Object config, Object defaults ) : Object”，该方法包含三个参数，第一个参数是要拷贝的目标对象，第二个参数是拷贝的源对象，第三个参数是可选的，表示给目标对象提供一个默认值。可 以简单的理解成把第三个参数（如果有的话）及第二个参数中的属性拷贝给第一个参数对象。看下面的代码：
var b1={
            p1:"p1 value",
            p2:"p2 value",
            f1:function(){alert(this.p2)}
            };
            var b2=new Object();
            b2.p2="b2 value";
            Ext.apply(b2,b1);
            b2.f1();在上面的代码中，Ext.apply(b2,b1)这一语句把b1的属性拷贝到了b2对象中，因此调用b2的f1方法可以弹出"p2 value"的提示信息。尽管b2对象已经包含了p2属性值，但拷贝后该属性值会被覆盖。可以在调用apply方法时，在第三个参数中指定拷贝属性的默认 值，比如下面的代码：
Ext.apply(b2,b1,{p3:"p3 value"});
            alert(b2.p3);这样会使得b2中包含一个p3的属性，值为"p3 value"。
applyIf方法的功能跟apply一样，只是不会拷贝那些在目标对象及源对象都存在的属性。比如把前面演示apply方法的代码改成applyIf，如下：
Ext.applyIf(b2,b1);
            b2.f1();由于b2中已经存在了p2属性，因此，b2.f1()方法中引用this.p2的时候，得到的是"b2 value"，而不是在b1中定义的"p2 value"。

然后这里聪明的人能有耐心看到这里的话,谜底应该不言而喻了.就是在gridStore的load之前加一个beforeload方法,在这个方法里面给他的baseParams强制加上一个查询条件的属性,然后再让他load,之前我是用gridStore.baseParams["comboValue"]=Ext.getCmp("input").getValue() 这个应该能行的,但是现在没时间去尝试了.

测试证明上面那个是可以的,就是要把上面那个放在beforeload里面.原来之前的想法只差一点而已啊~

转载于:https://www.cnblogs.com/zwkBlog/archive/2012/01/18/2325183.html