創建一個動態詳細卡片

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("") 
}