extjs 做数据库增删改查时，原先是全部查上来显示的，现在用条件查询，怎么在原先的位置上显示条件查询的结果

Question

extjs 做数据库增删改查时，原先是全部查上来显示的，现在用条件查询，怎么在原先的位置上显示条件查询的结果

Answer 1

重写store的onbeforeload方法，构造查询参数，执行查询时这些参数可以直接在后台获取到。这种方式比较好理解。

每次刷新（refreshGrid）都会执行这个方法。

[code="java"]
var grid;
/**

• grid的参数 */ var params = { start : 0, limit : 1000 };

var rIndex;/** 操作行的id **/

function getGrid(){
var store = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : proPath + '/area/area!orderGrid.action'
}),
reader : new Ext.data.JsonReader({
totalProperty : 'total',root : 'root'},
[ {name:'id'},
{name:'name'},
{name:'code'}
]
)
});

var rn = new Ext.grid.RowNumberer();
var colm = new Ext.grid.ColumnModel([rn,{
    header : "ID",
    dataIndex : "id",
    width : 50,
    sortable : true
}, {
    header : "区域名称",
    dataIndex : "name",
    width : 170,
    sortable : true
}, {
    header : "区域代码",
    dataIndex : "code",
    width : 100,
    sortable : true
},{
    header : "排序",
    dataIndex : "id",
    renderer : orderButton,
    width : 50
}]);



grid = new Ext.grid.GridPanel({
    id : JCmpId.grid,
    region : 'center',
    store: store,
    cm : colm,
    stripeRows: true,
    height:320,
    width:600,
    frame:true,
    title:'区域排序',

    plugins: new Ext.ux.PanelResizer({
        minHeight: 100
    }),
    tbar : new Ext.Toolbar({
        items : [
            '-', '所属城市 ', citySiteCom(),
            '-', 
            {text : '查询',
                iconCls : 'mtfQuery',
                handler :function (){refreshGrid(grid);} 
            }
        ]
    }),
    bbar: new Ext.PagingToolbar({
        pageSize: 1000,
        store: store,
        displayInfo: true,
        refresh : function() {
            refreshGrid(grid);
        },
        plugins: new Ext.ux.ProgressBarPager()
    })
});
grid.addListener('rowclick', function(grid,rowindex,e){
    rIndex = rowindex;
});

// 查询参数统一在此处处理 ,点击刷新按钮更新 start limit见   base.js refreshGrid
store.on('beforeload', function(thiz, options) {
    Ext.apply(thiz.baseParams, {
        time : new Date().getTime(),
        'cityId' : Ext.getCmp("csId").getValue()
    });

});

// store.load({
// params : params
// });
return grid;
}
function refreshGrid(grid) {
var s = grid.getStore();
Ext.apply(params, {
'start' : grid ? grid.getBottomToolbar().cursor : 0
});
s.load( {
params : params
});
}
[/code]