동적 세부 카드 만들기

Question

중첩 목록에 사용되는 동일한 json 저장소에서 데이터를 가져 오는 중첩 목록에 대한 동적 세부 카드를 만들 수 있습니까?

메신저는 중첩 목록과 10 개의 질문을 사용하는 앱을 만듭니다. 각 질문에는 사본과 이미지로 구성된 자체 답변이 있습니다. 내가 JSON 파일의 복사 및 IMG 파일 이름을 끌어 상세 카드를 사용하는 각각의 답을하고자

는

누구의 도움이 될 수 있습니다

- 감사

Answer 1

는 다음과 같은 방법으로 목록 상에 itemtap 이벤트를 사용할 수 있습니다 컨트롤러를 사용하여. 할당 된 처리기가 레코드를 수신합니다.

거기에서 당신은 데이터 처음에해야이 패널 빈 객체의 설정에서는, Ext.Panel을 열 수 있고, TPL는 데이터를 수신 할 수 있습니다.

일단 설정이 완료되면 setData() 메소드를 사용하여 새 패널에 데이터를 추가 할 수 있습니다.

컨트롤러 방법은 다음과 같이 보일 것입니다 :

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

:

이

/** 
* 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에 대한보기의 구성은 다음과 같이 보일한다