2

煎茶が初めてで問題があります。

私は情報（名前と写真）のリストを持っていて、詳細のリストが必要です。ドキュメントを提供する例に従ってください。私の問題は、最初のリストの値を使用できないことです。名前、写真などの値...

問題はここにあります：

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

tpl：tplはこのようなもので、正しい情報を表示しますが、アイテムセクションでタイトルを取得できません...

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!!!

4

1 に答える 1

2

によると: http://docs.sencha.com/touch/2-0/#!/api/Ext.Component すべての Ext.Component には設定があります:

相互に関連するdataとtpl 。したがって、データ構成も設定する必要があります。

{
  xtype: 'パネル',
  id: 'myPanel',
  高さ: 50,
  tpl: '{タイトル}',
  データ： {
    タイトル：「ハローワールド」
  }
}

また、コントローラーを使用してデータを設定することもできます：

onListItemTap: 関数(ビュー、インデックス、ターゲット、レコード) {

  var myPanel = Ext.getCmp('myPanel');
  if (マイパネル) {
    myPanel.setData(record.data);
    Ext.getCmp('viewport').setActiveItem(myPanel);
  }

}

ここでは、リスト アイテムのデータを詳細パネルに設定します。

于 2012-05-28T13:52:55.083 に答える