Question

我在sencha的新人，并有一个问题。

我有一个包含信息（名称和图片）的列表，需要另一个详细信息，我按照提供文档的示例进行操作。我的问题是我不能使用第一个列表的值。名称，照片等价值......

问题在于：

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寻求帮助!!!

Answer 1

根据：http://docs.sencha.com/touch/2-0/#!/api/Ext.Component 每个Ext.Component都有配置：

相互关联的

数据和 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);
  }

}

您可以在此处将列表项中的数据设置为详细信息面板。

视图之间的值

1 个答案: