创建一个动态详细卡片

Question

有没有办法为嵌套列表创建一个动态详细卡，以便从嵌套列表正在使用的同一个json存储中获取数据？

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

我想每一个答案，使用拉从JSON文件拷贝和IMG文件名的详细卡

谁能帮助 - 感谢

Answer 1

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

从那里，你可以打开一个Ext.Panel，在此面板中数据应该是最初的空对象的配置，以及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("") 
}