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

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

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

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

/*下面就是主要代码，后面的条件查询代码都一样，固只解释这一个即可*/ 1 var orderContronllerBar = Ext.create("Ext.Toolbar", {
 2     items: [‘‘, "-",
 3     {
 4         xtype: "splitbutton",
 5         text: ‘未退房‘,
 6         menu: true,
 7         handler: function() {
 8             var aleradyCheckOutRoom = Ext.getCmp("orderListGridPanel"); /*获通过ID取grid*/
 9             store.proxy.extraParams.loadSign = 1;/*修改proxy代码中条件查询的参数 , 这里的store是在上一篇中创建的自己去看*/
10             store.pageSize = 1;/*每页展示的条数，应为grid涉及到一个分页控件*/
11             aleradyCheckOutRoom.store = store;/*设置grid新条件的store*/
12             Ext.getCmp("CutPageToolBarId").doRefresh()/*通过ID获取分页控件，并刷新*/
13         },
14     }, ‘‘, "-",
15     {
16         xtype: "splitbutton",
17         text: ‘已退房‘,
18         handler: function() {
19             var aleradyCheckOutRoom = Ext.getCmp("orderListGridPanel");
20             store.proxy.extraParams.loadSign = 2;
21             store.pageSize = 1;
22             aleradyCheckOutRoom.store = store;
23             Ext.getCmp("CutPageToolBarId").doRefresh()
24         }
25     }, ‘‘, "-",
26     {
27         xtype: "splitbutton",
28         text: ‘超时退房‘,
29         handler: function() {
30             var aleradyCheckOutRoom = Ext.getCmp("orderListGridPanel");
31             store.proxy.extraParams.loadSign = 3;
32             store.pageSize = 1;
33             aleradyCheckOutRoom.store = store;
34             Ext.getCmp("CutPageToolBarId").doRefresh()
35         }
36     }, "关键字:",
37     {
38         xtype: ‘textfield‘,
39         id: ‘searchCustomerBar‘
40     }, {
41         xtype: ‘button‘,
42         text: "搜索",
43         handler: function() {
44             var aleradyCheckOutRoom = Ext.getCmp("orderListGridPanel");
45             store.proxy.extraParams.loadSign = 5;
46             store.proxy.extraParams.cardId = Ext.getCmp("searchCustomerBar").getValue();
47             store.pageSize = 5;
48             aleradyCheckOutRoom.store = store;
49             Ext.getCmp("CutPageToolBarId").doRefresh()
50         }
51     }]
52 });