今天的代碼主要是實(shí)現(xiàn)，Ext.grid.panel中的查詢，其實(shí)我也是一名extjs新手，開(kāi)始想的實(shí)現(xiàn)方式是另外再創(chuàng)建一個(gè)新的grid類來(lái)存放查詢出的數(shù)據(jù)（就是有幾個(gè)分類查詢就創(chuàng)建幾個(gè)grid類)，這樣雖然實(shí)現(xiàn)了，但是多寫了不少代碼，之后網(wǎng)上找到了方法。

???????? 代碼如下:請(qǐng)結(jié)合昨天的代碼看，否則你是看不明白的

?/*我們操作查詢的功能鍵是放在grid的tabbar中的，下面就是創(chuàng)建的grid的tabbar，其中查詢操作就在其中,此代碼緊接上一篇文章，
這個(gè)類上一篇文章中也有，但是沒(méi)有實(shí)現(xiàn)查詢功能，紅色字體為實(shí)現(xiàn)的代碼*/

/*下面就是主要代碼，后面的條件查詢代碼都一樣，固只解釋這一個(gè)即可*/
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");?/*獲通過(guò)ID取grid*/ 9 store.proxy.extraParams.loadSign = 1;/*修改proxy代碼中條件查詢的參數(shù) , 這里的store是在上一篇中創(chuàng)建的自己去看*/ 10 store.pageSize = 1;/*每頁(yè)展示的條數(shù)，應(yīng)為grid涉及到一個(gè)分頁(yè)控件*/ 11 aleradyCheckOutRoom.store = store;/*設(shè)置grid新條件的store*/ 12 Ext.getCmp("CutPageToolBarId").doRefresh()/*通過(guò)ID獲取分頁(yè)控件，并刷新*/ 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: '超時(shí)退房', 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 }, "關(guān)鍵字:", 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 });

?

?

???????

轉(zhuǎn)載于:https://www.cnblogs.com/xiaoliao/p/4433017.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。