加载与网格面板关联的商店时出错

Question

Ext.define('MyApp.controller.Main', {
extend: 'Ext.app.Controller',
models: [
'User'
],
stores: [
'userStore'
],
refs: [
{
ref: 'navigation',
selector: 'navigation'
},
{
ref: 'ContentPanel',
selector: 'ContentPanel'
},
{
ref: 'viewport',
selector: 'viewport'
},
{
autoCreate: true,
ref: 'myForm',
selector: 'MyForm',
xtype: 'MyForm'
},
{
autoCreate: true,
ref: 'usergrid',
selector: 'usergrid',
xtype: 'userGrid'
}
],
onSaveButtonClick(button,e,eopts){ var form1 = this.getMyForm();
if(form1.isValid())
{
var form  = form1.getForm();
user= this.getUserModel().create(
{
firstName: form.findField('firstName').getValue(),
midName: form.findField('midName').getValue(),
lastName: form.findField('lastName').getValue(),
gender: form.findField('gender').getValue(),
age: form.findField('age').getValue(),
buildingName: form.findField('buildingName').getValue(),
street: form.findField('streetName').getValue(),
country: form.findField('country').getValue(),
pinCode: form.findField('pinCode').getValue(),
state: form.findField('state').getValue()
});
debugger;
var store= this.getUserStoreStore();
store.data.add(user);
var List= this.getUsergrid();
List.getStore().load();
var contentPanel = this.getContentPanel();
contentPanel.removeAll(true);
contentPanel.add(List);
form1.close();
alert('Data stored Successfully');
}
else
{
alert('Few Datas are missing!!');
}

//存储 Ext.define('MyApp.store.userStore', { 扩展：'Ext.data.Store'， 别名：'store.userStore', 要求：[ 'MyApp.model.User' ], 构造函数：函数（cfg）{ 变我=这个； cfg = cfg || {}; me.callParent([Ext.apply({ 自动加载：真， 自动同步：真， 模型：'MyApp.model.User', storeId: 'userStore', 代理： { 类型：'ajax'， 读者：{ 类型：'json' } } }, cfg)]); } });

Answer 1

您的代码不正确有两个原因：

1) 您不应修改基础数据收集。如果它给出一个错误，那么还有其他问题。

2) 如果您正在加载商店，为什么要向其中添加商品？它应该已经加载了。