如何使用sencha Touch2在单页中显示列表和其他标签

how to display list and other labels in single page using sencha touch2(如何使用sencha Touch2在单页中显示列表和其他标签)

问题描述

我是Sencha Touch2的新手。我想在想要显示的列表中显示下面的一些文本标签。所以我已经定义了一些标签，并访问Twitter服务，它将提供数据列表。以下是我的代码。

1. 在此代码中，如果我注释扩展：‘Ext.form.Panel’，如果我使用扩展：‘Ext.Navigation.View’，则将显示列表数据，但不会显示定义的标签。
2. 如果我注释扩展：‘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元素。我希望能帮助你。：)

这篇关于如何使用sencha Touch2在单页中显示列表和其他标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！