刷新按钮怎么实现

Question

用什么方法实现刷新按钮，静态demo原型，不用服务器交互，具体看图

[color=red]1.开始效果[/color]
[img]http://dl.iteye.com/upload/attachment/479911/ab52a364-f685-3e92-8582-6d9adbd4fd78.png[/img]

[color=red]2.单击查询，查询后的效果[/color]
[img]http://dl.iteye.com/upload/attachment/479913/07b33899-edb9-3abc-9e89-d8d386f7aa1d.png[/img]

问题是：我点击刷新，刷出第一幅图的效果

Answer 1

Ext.onReady(function() {
var sm = new Ext.grid.CheckboxSelectionModel({singleSelect:false})
var cm = new Ext.grid.ColumnModel({
columns : [sm,{
header : 'ID',
dataIndex : 'id',
hidden : true
}, {
header : '所属地市',
dataIndex : 'ds'
}, {
header : '所属BSC',
dataIndex : 'bsc'
}, {
header : 'BTS名称',
dataIndex : 'bts'
}]
});
var data = [[1,'sdf','sf','sdf'],[2,'sdf','sf','sdf'],[3,'sdf','sf','sdf']];
var store = new Ext.data.Store({
proxy : new Ext.data.MemoryProxy(data),
autoLoad : true,
reader : new Ext.data.ArrayReader({}, [{
name : 'id'
}, {
name : 'ds'
}, {
name : 'bsc'
}, {
name : 'bts'
}])
});
var grid = new Ext.grid.GridPanel({
layout : 'fit',
region:'center',
border : false,
viewConfig : {
forceFit : true
},
cm : cm,
sm:sm,
ds : store,
tbar:new Ext.Toolbar([{
text:'Delete',
handler:function(){
grid.getStore().remove(grid.getSelectionModel().getSelected());
}
},{
text:'refresh',
handler:function(){
grid.getStore().reload();
}
}
]),
bbar : new Ext.PagingToolbar({
pageSize : 10,
store : store,
displayInfo : true,
displayMsg : '当前第{0}-{1}条,共{2}条',
emptyMsg : '暂无记录'
})
});

    var view = new Ext.Viewport({
        layout:'border',
        items:[grid]
    })
    })

你运行这段代码 使用了reload()方法 完全没有问题

tbar:new Ext.Toolbar([{
text:'Delete',
handler:function(){
grid.getStore().remove(grid.getSelectionModel().getSelected());
}
},{
text:'refresh',
handler:function(){
grid.getStore().reload();
}
}
])