2012-05-28 25 views
2

即時通訊新的和有問題。視圖之間的值

我用信息(姓名和圖片)列出了一個清單,需要另一個詳細信息,我按照提供文檔的示例進行操作。我的問題是我不能使用第一個列表的值。如姓名,照片等值...

的問題是在這裏:

Ext.define('app.view.ArtistDetail',{ 
extend: 'Ext.Panel', 
xtype: 'artistdetail', 
config: { 
    tpl: tpl, 
    items: [{ 
     xtype: 'panel', 
     height: 50, 
     tpl: '{title}' <-- PROBLEM !!!! 
    }] 
} 
}); 

第三方物流:第三方物流,是這樣的,並顯示信息正確的,但我不能讓在項目標題部分...

var tpl = new Ext.XTemplate(
     '<div class="global">', 
      '<div class="artist-foto">', 
       '<img src="{field_foto}" />', 
      '</div>', 
      '<div class="artist-title">', 
       '{title}', 
      '</div>', 
     '</div>' 
     ); 

THx求救!!!

回答

2

據:http://docs.sencha.com/touch/2-0/#!/api/Ext.Component 每個Ext.Component有CONFIGS:

數據TPL被相互之間的關係。 所以,你還可以設置數據配置:

 
{ 
    xtype: 'panel', 
    id: 'myPanel', 
    height: 50, 
    tpl: '{title}', 
    data: { 
    title: 'Hello world' 
    } 
} 

您也可以使用控制器的設置數據:

 
onListItemTap: function(view, index, target, record) { 

    var myPanel = Ext.getCmp('myPanel'); 
    if (myPanel) { 
    myPanel.setData(record.data); 
    Ext.getCmp('viewport').setActiveItem(myPanel); 
    } 

}

這裏設置從列表項數據,以您的詳細信息面板。

+0

您如何使用billSumary中的數據? – Lasecun

+0

哦,抱歉billSummary是myPanel。所以,myPanel.setData(record.data)設置數據和myPanel.getData() - 獲取數據:) –