存储保存后Sencha ExtJs网格刷新
我有一个带有工具栏按钮的ExtJS网格来保存日期。保存工作正常,数据已存储。但是网格没有刷新。保存后如何重新加载网格数据存储保存后Sencha ExtJs网格刷新,extjs,Extjs,我有一个带有工具栏按钮的ExtJS网格来保存日期。保存工作正常,数据已存储。但是网格没有刷新。保存后如何重新加载网格数据 Ext.define('MyLodge.view.content.MemberGrid', { extend: 'Ext.grid.Panel', alias: 'widget.membergrid', initComponent: function(){ var rowEditing = Ext.create('Ext.grid.plugin.RowEdit
Ext.define('MyLodge.view.content.MemberGrid', {
extend: 'Ext.grid.Panel',
alias: 'widget.membergrid',
initComponent: function(){
var rowEditing = Ext.create('Ext.grid.plugin.RowEditing');
var store = Ext.create('MyLodge.store.Members');
Ext.apply(this, {
height: this.height,
plugins: [rowEditing],
store: store,
stripeRows: true,
columnLines: true,
columns: [{
id :'id',
text: 'ID',
width: 40,
sortable: true,
dataIndex: 'id'
},{
text : 'Name',
flex: 1,
sortable : true,
dataIndex: 'name',
field: {
xtype: 'textfield'
}
},{
text : 'E-Mail',
width : 150,
sortable : true,
dataIndex: 'email',
field: {
xtype: 'textfield'
}
},{
text : 'Href',
width : 200,
sortable : true,
dataIndex: 'href',
field: {
xtype: 'textfield'
}
}],
dockedItems: [{
xtype: 'toolbar',
items: [{
text: 'Add',
iconCls: 'icon-add',
handler: function(){
// empty record
store.insert(0, new MyLodge.model.Member());
rowEditing.startEdit(0, 0);
}
}, {
text: 'Delete',
iconCls: 'icon-delete',
handler: function(){
var selection = grid.getView().getSelectionModel().getSelection()[0];
if (selection) {
store.remove(selection);
}
}
},'-',{
text: 'Save',
iconCls: 'icon-save',
handler: function(){
store.sync();
}
}]
}]
});
this.callParent(arguments);
}
})) 您可能需要在
store.save()
的回调中调用store.reload()
(什么是store.save()
?它不是Ext.data.store
接口的一部分)您可以在sync的回调中加载store
store.sync({
success: function( response ) {
store.load();
}
});