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面板列表

回答

相關問題