Question

是否有为嵌套列表创建动态详细信息卡，该列表从嵌套列表正在使用的同一json存储中提取数据？

即时创建一个使用嵌套列表和10个问题的应用程序 - 每个问题都有自己的答案，包括复制和图像。

我希望每个答案都能使用从json文件中提取副本和img文件名的详细信息卡

任何人都可以提供帮助 - 谢谢

Answer 1

您可以使用控制器在列表中使用 itemtap 事件。分配的处理程序将接收记录。

从那里你可以打开一个Ext.Panel，在这个面板的配置中， data 最初应该是一个空对象， tpl 可以接收数据。

完成设置后，您可以使用setData（）方法将数据添加到新面板。

控制器方法看起来像这样：

/**
 * Show the details
 * @param cmp the tapped component
 * @param index the index of the item
 * @param target the target tapped
 * @param record the record tapped
 */
onListItemTapped: function(cmp, index, target, record) {
    var recordData = record.getData(),
        detailView = Ext.create('MyProject.view.DetailView');

    detailView.setData(recordData);
    Ext.Viewport.add(detailView);
}

Ext.Panel的视图配置应该如下所示：

{
    styleHtmlContent: true,
    data: {},
    tpl: [
        '<h3>{question}</h3>',
        '<p>{answerCopy}</p>',
        '<img src="{answerImageUrl}">',
     ].join("")
 }

创建动态详细信息卡

1 个答案: