日期:2014-05-16  浏览次数:20403 次

ExtJs4 MVC模式 Store中设置Proxy后正常发出请求,返回数据,但是Store中数据无法获取
如题:ExtJs4 MVC模式 Store中设置Proxy后正常发出请求,返回数据,但是Store中数据无法获取
功能定义如下:
1.使用Extjs4的MVC设计模式
2.实现目标:进入页面后向Form组件中填充数据

VsWsEeConfigModel.js
Ext.define("AM.store.VsWsEeConfigStore", {
extend : "Ext.data.Store",
// requires : ['AM.model.VsWsEeConfigModel'],
model : "AM.model.VsWsEeConfigModel",
proxy : {
type : "ajax",
url : "/ws/vswseeconfig/getinfo",
reader : {
type : "json"
}
},
autoLoad : true
});


VsWsEeController.js
Ext.define("AM.controller.VsWsEeController", {
extend : "Ext.app.Controller",
views : ["VsWsEeCongfigForm"],
models : ["VsWsEeConfigModel"],
stores : ["VsWsEeConfigStore"],
init : function() {
this.control({
"vswseecongfigform button[text=修改]" : {
click : function() {
alert("修改");
}
},
"vswseecongfigform numberfield[fieldLabel=退服时长限制(小时)]" : {
render : function(container) {
var store = Ext
.getStore("VsWsEeConfigStore");
console.log(store);
console.log(store.getCount());
console.log(store.data);
console.log(store.data.items);
console.log(store.data.items.data);
container.setValue(72);
}
}
});
}
});


app.js
Ext.Loader.setConfig({
enabled : true
});
Ext.application({
name : "AM",
appFolder : "app",
launch : function() {
Ext.create('Ext.container.Viewport', {
items : [{
xtype : "vswseecongfigform",
autoShow : true,
modal : true
}]
});
},
controllers : ["VsWsEeController"]
});


VsWsEeConfigModel.js
Ext.define("AM.model.VsWsEeConfigModel", {
extend : "Ext.data.Model",
fields : [{
name : 'alarmDuration',
type : 'int',
mapping : "alarmDuration"
}, {
name : 'siteState',
type : 'int',
mapping : "siteState"
}, {
name : 'telephoneTraffic',
type : 'float',