Extjs4.1 - DataView를가

Question

실패 정의 내가 http://jsfiddle.net/JtTDH/

에 http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.view.View에서 DataView를 정의하려고하는 것은 여기가 맞습니다하지만이 작동하지 않는 것 같아요 내 코드

Ext.define('Example', { 
    extend: 'Ext.view.View',  
    tpl: new Ext.XTemplate(
    '<tpl for=".">', 
     '<div style="margin-bottom: 10px;" class="thumb-wrap">', 
      '<img src="{src}" />', 
      '<br/><span>{caption}</span>', 
     '</div>', 
    '</tpl>' 
    ), 
    itemSelector: 'div.thumb-wrap', 
    emptyText: 'No images available', 
    initComponent: function() { 
     var store = Ext.create('Ext.data.Store', { 
      id:'imagesStore', 
      fields: [ 
       { name:'src', type:'string' }, 
       { name:'caption', type:'string' } 
      ], 
      data: [ 
       { src:'http://www.sencha.com/img/20110215-feat-drawing.png', caption:'Drawing & Charts' }, 
       { src:'http://www.sencha.com/img/20110215-feat-data.png', caption:'Advanced Data' }, 
       { src:'http://www.sencha.com/img/20110215-feat-html5.png', caption:'Overhauled Theme' }, 
       { src:'http://www.sencha.com/img/20110215-feat-perf.png', caption:'Performance Tuned' } 
      ] 
     }); 

     this.store = store; 
     this.callParent(arguments); 
    } 
}); 

입니다. 그 고마워하는 방법.

Answer 1

코드는 괜찮지 만 렌더링 대상을 정의해야합니다. 예를 들어 renderTo: Ext.getBody()을 정의에 추가하면 올바르게 작동합니다. 다음 예를 참조하십시오. https://fiddle.sencha.com/#fiddle/md