完善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()
         }
     }]
 });