今天的代碼主要是實現，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 });

?

?

???????

轉載于:https://www.cnblogs.com/xiaoliao/p/4433017.html

總結

以上是生活随笔為你收集整理的完善ext.grid.panel中的查询功能(紧接上一篇)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。