我正在尝试解决为什么当我将视图推送到Ext.Navigation.View控件时,我推送渲染的视图,但是我推送它的数据却没有。该视图使用一些json数据(name& surname)呈现一个非常简单的DataView控件。
如果我通过“Ext.Create”显式创建视图(参见控制器中注释掉的行),它会工作,但我确信我已经完成了这个,你可以在那里推动视图的“xtype”和视图的任何相关属性/数据。我对吗?
顺便说一句,我已经测试了从表单提交回调中返回的json,一切都很好。它似乎只是视图不想呈现我发送的数据作为“推”的一部分。这是我的代码。我错过了什么吗?:
查看:
Ext.define('MyCo.Booking.view.PatientClinicSearchResults', {
extend : 'Ext.DataView',
xtype : 'DataViewPatientSearchResults',
itemTpl : '{Name}',
store : {
fields : ['Name'],
autoLoad : true
}
})
控制器:
Ext.define('MyCo.Booking.controller.Main', {
extend: 'Ext.app.Controller',
config: {
refs: {
navViewClinics : 'NavViewClinics',
formPanelClinicPatientSearch : 'FormPanelClinicPatientSearch'
},
control: {
'NavViewClinics list' : {
itemtap : 'ClinicUserSearch'
},
'FormPanelClinicPatientSearch button' : {
tap : 'ClinicPatientSearchResults'
}
}
},
ClinicUserSearch : function(list, index, element, record) {
this.getNavViewClinics().push({ xtype : 'FormPanelClinicPatientSearch' });
},
ClinicPatientSearchResults : function(button, e) {
var form = this.getFormPanelClinicPatientSearch();
var navClinics = this.getNavViewClinics();
form.submit({
success : function(form, result) {
// var view = Ext.create('MyCo.Booking.view.PatientClinicSearchResults', {
// title : 'Search Results',
// fullscreen: true,
// store: {
// fields: ['Name'],
// data : result.items
// },
// itemTpl: '<div>{Name}</div>'
// });
// navClinics.push(view);
navClinics.push({ xtype : "DataViewPatientSearchResults",
title : 'Test',
store : {
data : result.items
}
});
}
});
}
});
从表单提交回调中收到JSON:
{
"success" : true,
"items" : [
{
"Name": "Jon",
"Surname": "Doe"
},
{
"Name": "Karl",
"Surname": "Doe"
}
]
}
任何帮助将不胜感激。谢谢。
答案 0 :(得分:0)
问题解决了。我从视图中删除了商店声明并且它有效。只需要通过itemTpl属性引用数据。