Extjs 4 콤보 박스와 tpl을 사용한 데이터 뷰

Question

레일이있는 extjs 4를 사용하고 있습니다. 3. 콤보 박스 및 데이터 뷰가 포함 된 양식이 있습니다. 콤보 박스의 항목을 선택할 때 데이터베이스의 데이터 뷰에 이미지가 표시되어야합니다. 내가 잘 작동 정적 이미지에 대한 tpl을 사용해 보았습니다. 그러나 동일한 동적으로 retrive하는 방법 ??

코드 DataView를 및 템플릿 ::

{ 
       xtype: 'dataview', 
       store: 'MyStore', 
       id:'viewer', 
       autoHeight:true, 
       tpl: imageTpl, 
       itemSelector: 'div.thumb-wrap', 
       fieldLabel: 'Choose State', 
       emptyText: 'No images available' 
      }, 

var imageTpl = new Ext.XTemplate(
    '<tpl for=".">', 
     '<div style="thumb-wrap">', 
      '<img src="/images/rails.png" align="right" />', 
     '</div>', 
    '</tpl>' 
); 

어떤 제안의 ??

감사합니다.

Answer 1

는 (먼저 다음 '의 mystore은'아마 문자열하지만 실제는 ExtJS 데이터 저장소에 대한 참조하지 않습니다 당신은 아마 따옴표가 필요하지 않습니다.) 데이터 저장소는 일부 모델 항목의 목록이 포함

. 템플릿에서 해당 모델의 필드를 읽을 수 있습니다. 필드 이름을 accolades {} 사이에 넣으면됩니다.

에 'URL'필드 모델을 가정하면, 템플릿이된다 :

var imageTpl = new Ext.XTemplate(
'<tpl for=".">', 
    '<div style="thumb-wrap">', 
     '<img src="/images/{url}" align="right" />', 
    '</div>', 
'</tpl>' 
); 

자세한 내용은이 튜토리얼을 시도해보십시오 http://www.sencha.com/learn/legacy/Tutorial:Getting_Started_with_Templates