Sencha touch 面板的Sencha触摸列表

我设置了一个应用程序，在我的hoe页面/屏幕上有几个链接。当我点击一个链接时，它会显示一个项目列表（如联系人列表），然后当点击列表项目时，它会再次显示一个详细视图

我有以下设置：

  App.views.Viewport = Ext.extend(Ext.Panel, {
   fullscreen: true,
   layout: 'card',
   cardSwitchAnimation: 'slide',
   dockedItems: [
       {
        dock : 'top',
        xtype: 'toolbar',
        title: '<img src="res/img/generic/TT_Small.png" />',
        cls: 'homeHeader'
       },
    ],

 });

变量列表=新的外部列表({ 全屏：对， itemTpl:“{firstName}{lastName}”， 对,， indexBar:false

  store: store
  });

我使用简单的“联系人”例如开始，所以一旦运行，我会根据需要修改我的数据等，但当我点击链接转到此视图时，我会得到以下信息

  Uncaught Attempting to create a component with an xtype that has not been registered: HomeAbout

但在我的控制器中，我有：

  about: function()
{
    if ( ! this.aboutView)
    {
        this.aboutView = this.render({
            xtype: 'HomeAbout',
        });
    }.....

任何想法或帮助都将不胜感激

第一次更改：

App.views.HomeAbout = Ext.regModel('Contact', {
  fields: ['firstName', 'lastName']
 });

到

那就吃这个吧

App.views.HomeAbout = Ext.extend(Ext.List, { 
    fullscreen: true,
    itemTpl : '{firstName} {lastName}',
    grouped : true,
    indexBar: false, 
    store: store
});

而不是

var列表…

最后注册扩展默认sencha touch类的新xtype类，如下所示

Ext.reg('HomeAbout', App.views.HomeAbout);

---

感谢您的帮助，我看到您编辑了它，因为它两次不同：-）。我将我的列表保留在面板中，这样我就可以将工具栏保持在顶部，这样我就可以在后面显示了。我是否可以添加一个单击事件，这两个事件，然后为每个事件转到一个静态详细信息窗口？添加此：

onItemDisclosure:function（记录）{}

到App.views.HomeAbout的配置。

记录

就是被单击的对象。我找到了这个，并且做了这个，只需要里面的代码就可以查看被单击的页面，谢谢

App.views.HomeAbout = Ext.extend(Ext.List, { 
    fullscreen: true,
    itemTpl : '{firstName} {lastName}',
    grouped : true,
    indexBar: false, 
    store: store
});

Ext.reg('HomeAbout', App.views.HomeAbout);