完善ext.grid.panel中的查询功能(紧接上一篇)

本人开发的开发者技术变现资源聚集地,大家支持下，下面是网址

https://www.baiydu.com

今天的代码主要是实现，Ext.grid.panel中的查询，其实我也是一名extjs新手，开始想的实现方式是另外再创建一个新的grid类来存放查询出的数据（就是有几个分类查询就创建几个grid类)，这样虽然实现了，但是多写了不少代码，之后网上找到了方法。

         代码如下:请结合昨天的代码看，否则你是看不明白的

 /*我们操作查询的功能键是放在grid的tabbar中的，下面就是创建的grid的tabbar，其中查询操作就在其中,此代码紧接上一篇文章，
这个类上一篇文章中也有，但是没有实现查询功能，红色字体为实现的代码*/

/*下面就是主要代码，后面的条件查询代码都一样，固只解释这一个即可*/
 1 var orderContronllerBar = Ext.create("Ext.Toolbar", {
    items: ['', "-",
    {
        xtype: "splitbutton",
        text: '未退房',
        menu: true,
        handler: function() {
            var aleradyCheckOutRoom = Ext.getCmp("orderListGridPanel"); /*获通过ID取grid*/
            store.proxy.extraParams.loadSign = 1;/*修改proxy代码中条件查询的参数 , 这里的store是在上一篇中创建的自己去看*/
            store.pageSize = 1;/*每页展示的条数，应为grid涉及到一个分页控件*/
            aleradyCheckOutRoom.store = store;/*设置grid新条件的store*/
            Ext.getCmp("CutPageToolBarId").doRefresh()/*通过ID获取分页控件，并刷新*/
        },
    }, '', "-",
    {
        xtype: "splitbutton",
        text: '已退房',
        handler: function() {
            var aleradyCheckOutRoom = Ext.getCmp("orderListGridPanel");
            store.proxy.extraParams.loadSign = 2;
            store.pageSize = 1;
            aleradyCheckOutRoom.store = store;
            Ext.getCmp("CutPageToolBarId").doRefresh()
        }
    }, '', "-",
    {
        xtype: "splitbutton",
        text: '超时退房',
        handler: function() {
            var aleradyCheckOutRoom = Ext.getCmp("orderListGridPanel");
            store.proxy.extraParams.loadSign = 3;
            store.pageSize = 1;
            aleradyCheckOutRoom.store = store;
            Ext.getCmp("CutPageToolBarId").doRefresh()
        }
    }, "关键字:",
    {
        xtype: 'textfield',
        id: 'searchCustomerBar'
    }, {
        xtype: 'button',
        text: "搜索",
        handler: function() {
            var aleradyCheckOutRoom = Ext.getCmp("orderListGridPanel");
            store.proxy.extraParams.loadSign = 5;
            store.proxy.extraParams.cardId = Ext.getCmp("searchCustomerBar").getValue();
            store.pageSize = 5;
            aleradyCheckOutRoom.store = store;
            Ext.getCmp("CutPageToolBarId").doRefresh()
        }
    }]
});