Sencha Touch面板列表

我有一个应用程序设置和我的锄头页面/屏幕上的几个链接。当我点击一个链接时，它会显示一个项目列表（如联系人列表），然后再点击列表项目时又是一个详细视图。Sencha Touch面板列表

我有以下设置：

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' 
     }, 
    ], 

});

，我想作为一个列表的看法是：

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

    var store = new Ext.data.JsonStore({ 
    model : 'Contact', 
    root: 'images', 
    sorters: 'firstName', 

    getGroupString : function(record) { 
    return record.get('firstName')[0]; 
    }, 


    data: [ 
    {firstName: 'Tommy', lastName: 'Maintz'}, 
    {firstName: 'Rob', lastName: 'Dougan'}, 
    {firstName: 'Ed', lastName: 'Spencer'}, 
    {firstName: 'Jamie', lastName: 'Avins'}, 
    {firstName: 'Aaron', lastName: 'Conran'}, 
    {firstName: 'Dave', lastName: 'Kaneda'}, 
    {firstName: 'Michael', lastName: 'Mullany'}, 
    {firstName: 'Abraham', lastName: 'Elias'}, 
    {firstName: 'Jay', lastName: 'Robinson'} 
    ] 
    });

VAR名单=新Ext.List（{ 全屏：真， itemTpl：'{firstName} {lastName}'，分组：true， 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', 
     }); 
    }.....

任何意见或帮助将不胜感激

来源

2011-09-19 Simon Davies

第一个变化：

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

到

App.models.Contact = 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 list...

最后章新的xtype - 类，它扩展默认煎茶触摸类 - 这样

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

来源

2011-09-19 12:26:45 ilija139

谢谢你，我看到哟你编辑它，因为它不同两次:-)。我已经将我的列表留在了我的列表中，这样我就可以将项目列表[list]，以这种方式将其保留在顶部，以便我们可以回到我们后面等谢谢 –

我如何添加一个点击事件这些以便然后为每个静态细节veiw？ –

在App.views.HomeAbout的配置中加上： 'onItemDisclosure：function（record）{}'。 “记录”是被点击的对象。 – ilija139

Sencha Touch面板列表

回答

相关问题