如何使用sencha Touch2在单页中显示列表和其他标签
我是Sencha Touch2的新手。我想在想要显示的列表中显示下面的一些文本标签。所以我已经定义了一些标签,并访问Twitter服务,它将提供数据列表。以下是我的代码。
- 在此代码中,如果我注释扩展:‘Ext.form.Panel’,如果我使用扩展:‘Ext.Navigation.View’,则将显示列表数据,但不会显示定义的标签。
- 如果我注释扩展:‘Ext.Navigation.View’,如果我使用扩展:‘Ext.Form.Panel’,则不会显示列表数据,但它将显示定义的标签。
请告诉我我的代码有什么问题:
编码:
Ext.define("E:SenchaTouch.view.Main", {
extend: 'Ext.form.Panel',
//extend: 'Ext.navigation.View',
xtype: 'companyprofilepage',
id: 'companyprofile',
config: {
items: [
{
xtype: 'toolbar',
docked: 'top',
title: 'My Toolbar'
},
{
xtype: 'titlebar',
title: 'Title name'
},
{
margin: '10',
xtype: 'label',
html: 'Info1'
},
{
margin: '10',
xtype: 'label',
html: 'A company is a business organization. It is an association or collection of individual real '
},
{
xtype: 'list',
itemTpl: '{title}',
store: {
autoLoad: true,
fields: ['from_user', 'text', 'profile_image_url'],
proxy: {
type: 'jsonp',
url: 'http://search.twitter.com/search.json?q=Sencha Touch',
reader: {
type: 'json',
root: 'results'
}
}
},
itemTpl: '<img src="{profile_image_url}" /><h2>{from_user}</h2><p>{text}</p>'
}]
}
});
解决方案
只创建Ext.Panel({}),您可以在这些面板中放置其他Sencha元素。我希望能帮助你。:)
相关文章