2

我是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>'
        );

求救！！！

4

1 回答 1

2

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

data和tpl相互关联。所以你还必须设置数据配置：

{
  xtype：'面板'，
  id: '我的面板',
  身高：50，
  tpl: '{title}',
  数据： {
    标题：“你好世界”
  }
}

您还可以使用控制器设置数据：

onListItemTap：函数（视图、索引、目标、记录）{

  var myPanel = Ext.getCmp('myPanel');
  如果（我的面板）{
    myPanel.setData(record.data);
    Ext.getCmp('viewport').setActiveItem(myPanel);
  }

}

在这里，您将列表项中的数据设置到您的详细信息面板。

于 2012-05-28T13:52:55.083 回答