在ExtJS4.0中，加載Store前添加查詢參數。

 

 

在ExtJS4.0中，怎么添加其它參數來實現自動加載Model中數據時對數據的篩選呢。呵呵，下面有解了：

grid.getStore().getProxy().extraParams = { operate: 'searchCase', 'type': searchType.getValue(), 'startDate': sDate, 'text': searchText.getValue() };

部分代碼（摘自《物證流轉系統》）：

 var grid = Ext.create("Ext.grid.Panel", {
                store: Ext.data.StoreManager.lookup("caseStore"),
                columns: {
                    items: [
                            { text: '案件編號', dataIndex: 'CaseId', hidden: true },
                            { text: '案件名稱', dataIndex: 'CaseName', width: 200 },
                            { text: '案發時間', dataIndex: 'CaseTime', xtype: 'datecolumn', format: 'Y-m-d', width: 190, align: 'center' },
                            { text: '案發地點', dataIndex: 'CaseAddress', width: 300 },
                            { text: '單位編號', dataIndex: 'CaseAddress' },
                            { text: '現場勘查號', dataIndex: 'ExplorationNo', width: 150, align: 'center' }
                    ],
                    defaults: {}
                },
                forceFit: false,
                enableLocking: true
            });
            var pagingToolbar = {
                xtype: 'pagingtoolbar',
                store: Ext.data.StoreManager.lookup("caseStore"),
                displayInfo: true,
                flex: 1
            }

            var searchStartTime = Ext.create('Ext.form.field.Date', {
                flex: 3, maxValue: new Date(), format: 'Y-m-d',
                emptyText: '起始案發日期...'
            });
            var searchEndTime = Ext.create('Ext.form.field.Date', {
                flex: 3, maxValue: new Date(), format: 'Y-m-d',
                emptyText: '終止案發日期...'
            });

            var searchType = Ext.create('Ext.form.ComboBox', {
                labelWidth: 70,
                store: Ext.data.StoreManager.lookup("searchTypeCaseStore"),
                queryMode: 'local',
                valueField: 'type',
                displayField: 'name',
                flex: 3,
                labelAlign: 'right',
                editable: false,
                emptyText: '選擇查找類型...'
            });
            var searchText = Ext.create('Ext.form.Text', {
                flex: 4,
                emptyText: '輸入匹配值后按Enter鍵...',
                listeners: {
                    specialkey: function (field, e) {
                        if (e.getKey() == e.ENTER) {
                            searchBtn.fireEvent("click");
                        }
                    }
                }
            });
            var searchBtn = Ext.create('Ext.button.Button', {
                text: '搜索',
                width: 80
            });

            var panel = Ext.create('Ext.panel.Panel', {
                bodyPadding: 0,
                layout: 'fit',
                bbar: [pagingToolbar],
                tbar: [searchStartTime, searchEndTime, searchType, searchText, searchBtn],
                items: [grid],
                collapseDirection: 'left'
            });

            //過濾處理
            searchBtn.on("click", function () {
                if (!searchType.getValue()) { searchType.setValue("CaseName"); }
                var sDate = searchStartTime.getValue();
                var eDate = searchEndTime.getValue();
                if (sDate) {
                    if (eDate) {
                        grid.getStore().getProxy().extraParams = { operate: 'searchCase', 'type': searchType.getValue(), 'startDate': sDate, 'endDate': eDate, 'text': searchText.getValue() };
                    } else {
                        grid.getStore().getProxy().extraParams = { operate: 'searchCase', 'type': searchType.getValue(), 'startDate': sDate, 'text': searchText.getValue() };
                    }
                } else {
                    if (eDate) {
                        grid.getStore().getProxy().extraParams = { operate: 'searchCase', 'type': searchType.getValue(), 'endDate': eDate, 'text': searchText.getValue() };
                    } else {
                        grid.getStore().getProxy().extraParams = { operate: 'searchCase', 'type': searchType.getValue(), 'text': searchText.getValue() };
                    }
                }


                grid.getStore().load();
            });