列表不会被渲染
问题描述:
我使用煎茶触摸2.列表不会被渲染
我App.js文件(总结)
Ext.application({
launch: function() {
// ...
var list = Ext.create('Ext.List', {
itemTpl : '<img src="{icon}"/>{title}<br/>{description}',
store: store,
listeners: {
select: function(view, record) {
var customView = Ext.create(record.get('view'));
navView.push(customView);
view.deselectAll();
}
}
});
//----------------------------------------------------------------------
var navView = Ext.create('Ext.NavigationView', {
navigationBar:{
items: [{
text:'refresh',
align: 'right'
}]
},
items: [list]
});
//----------------------------------------------------------------------
Ext.Viewport.add(navView);
}
});
当我装我的导航视图内的视图,当它包含一个列表时,一切都很好。 有一个视图,其中有一个列表。 的子面板呈现,而不是列表视图(列表视图已经过测试,当然渲染在不同的上下文中)
Ext.define('ts.views.jobs', {
extend: 'Ext.Panel',
layout:'fit',
config:{
title:'Jobs'
},
initialize: function() {
this.callParent();
var jobsStore = Ext.create('Ext.data.Store', {
model: 'ts.model.job',
data: [{
key2: 'key1'
}, {
key2:'key2'
},
{
key2:'key3'
}
]
});
var jobsList = Ext.create('Ext.List', {
xtype: 'jobsList',
ui: 'round',
itemTpl : 'ok{key}',
store: jobsStore
});
var panel = Ext.create('Ext.Panel', {
html: 'Testing'
});
this.add([jobsList,panel]);
}
});
我到底做错了什么? *是导航视图错误? *我是不是在我的子视图中正确初始化?
Thx寻求帮助。
答
这是跨张贴到煎茶触摸论坛:http://www.sencha.com/forum/showthread.php?184492-List-pushed-in-navigation-view-is-not-rendered并接受得到的答案是:
布局配置必须的配置对象中。