0
我已經創建了一個帶有2個文本字段和按鈕的表單。我想在用戶單擊按鈕時將文本字段值放入列表視圖中。所以我爲它創建了一個Model和Store。我的列表也在主視圖中查看代碼。但我在添加列表視圖中的記錄時遇到問題。它僅添加List中的當前記錄。它不會將存儲中的記錄呈現到列表中，並且我單擊刷新按鈕，但列表顯示爲空。這意味着數據存儲不正確。你能告訴我我的代碼中做了什麼錯嗎？商店不在列表中使用sencha
型號
Ext.define("panellist.model.User",{
extend:'Ext.data.Model',
config:
{
fields:
[
{name:'name',type:'string'},
{name:'add',type:'string'}
]
}
});
商店
Ext.define("panellist.store.Company",
{
extend:'Ext.data.Store',
config:
{
model:'panellist.model.User',
autoload:true,
proxy:
{
type:'localstorage',
id:'mypanellist'
}
}
});
Main.js
Ext.define('panellist.view.Main',
{
extend: 'Ext.Container',
xtype: 'main',
id:'mainview',
requires:
[
'Ext.TitleBar',
'Ext.Panel',
'Ext.List',
'Ext.data.proxy.LocalStorage'
],
config:
{
items:
[
{
xtype:'titlebar',
title:'welcome to sencha touch',
docked:'top',
},
{
xtype:'list',
width:'100%',
height:'100%',
itemTpl:'{name},{add}',
store:"Company"
},
{
xtype:'titlebar',
docked:'bottom',
items:
[
{
xtype:'textfield',
lablel:'enter the name',
value:'enter the name',
id:'t1',
name:'txtname'
},
{
xtype:'spacer',
},
{
xtype:'textfield',
value:'enter the address',
name:'txtadd',
id:'t2',
},
{
xtype:'spacer',
},
{
xtype:'button',
text:'Add',
action:'btnadd'
}
]
}
]}
});
MyController.js
var mdl=Ext.create('panellist.model.User');
Ext.define("panellist.controller.MyController",
{
extend:'Ext.app.Controller',
config:
{
refs:
{
// pass the id of the view
nav:'#mainview'
}
},
init:function()
{
console.log("init is callled");
this.control({
'button[action=btnadd]':
{
tap:'insertrecords'
}
});
},
launch:function()
{
console.log("launch is callled");
},
insertrecords:function()
{
// fetch the records from field
var n=Ext.getCmp('t1').getValue();
var a=Ext.getCmp('t2').getValue();
// first store this values in model
mdl.set("name",n);
mdl.set("add",a);
// add model into the store
var store1=Ext.getStore("Company");
store1.add(mdl);
store1.sync();
console.log('records is added');
console.log(n);
}
});