Sencha Touch 2：パネルにリストを追加しようとしています

Question

私はツールバーとタブで構成されるパネルを持っています。各タブにはリストとボタンがあります。私は次のように追加しようとしていた、私はこのリスト以外に正しくセットアップされていると信じて：

Ext.define('Myapp.view.Search', { 
xtype: 'search', 
extend: 'Ext.tab.Panel', 

    config: { 
     activeItem: 0, 
     tabBar: { 
      docked: 'top', 
      autoScroll: 'auto', 
      ui: 'light', 
      layout: { 
       pack: 'center' 
      } 
     }, 

     items: [ 
     { 
      xtype:'toolbar', 
      docked:'top', 
      ui: 'light', 
      title: 'Search' 
     }, 

      { 
       title: 'Tab 1', 
       xtype: 'formpanel', 
       items: [ 
        { 
         xtype: 'Mylist' //DOES NOT WORK 
        }, 
        { 
         xtype: 'panel', 
         defaults: { 
          xtype: 'button', 
          style: 'margin: 0.1em', 
          flex : 1 
         }, 
         layout: { 
          type: 'hbox' 
         }, 
         items: [ 
          { 
           text: 'Button 1', 
          } 
         ] 
        } 
       ] 
      }, 
      { 
       title: 'Tab 2', 
       xtype: 'formpanel', 
       items: [ 
        { 
         xtype: 'panel', 
         defaults: { 
          xtype: 'button', 
          style: 'margin: 0.1em', 
          flex : 1 
         }, 
         layout: { 
          type: 'hbox' 
         }, 
         items: [ 
          { 
           text: 'Button 1', 
          } 
         ] 
        } 
       ] 
      } 
     ] 
    } 
}); 

私は私が間違っているの何を知っているとあなたのためのおかげで助けてください！

EDIT：あなたのリストにもあなたの代わりに

xtype:'Mylist' 

の

alias:'widget.Mylist' 

を言うべきで、あなたのリストビューであなたのリストを定義

Ext.define('Myapp.view.Mylist', { 
    extend: 'Ext.dataview.NestedList', 
    xtype: 'Mylist', 

    config: { 
     store: 'Sections' 
    }, 

    getTitleTextTpl: function() { 
     return '{name}'; 
    }, 
    getItemTextTpl: function(node) { 
     return '<strong>{name}</strong>'; 
    }, 
}); 

Answer 1

：下のマイリストを追加しましたitemTplの設定が必要です

config: { 
     store: 'Sections', 
     itemTpl:'{example}' 
    } 

そして限り、あなたのリストを駆動する店として加工形状にリストが正しく

Answer 2

ビューでこれらの

を試してみてください表示されますされています。コントローラで

 { 
     xtype: 'panel', 
     flex: 4, 
     width: '400px', 
     height:"700px", 


     layout: { 
      type: 'fit' 
       }, 
     items: [ 
       { 
       xtype: 'list', 
      // loadingText:"Loading Category", 
       styleHtmlContent: true, 
       // id:"mylist2", 
       width:"300px", 


       itemTpl: 

      '<div class="mycon">'+ 
      '<input type="image" id="click" img src="{coupon_image}" style="max-width:130%;border:6px double #000000;" width="200" height="200"' +'style="padding:3px;">' + 
      '</div>'+ 
      '<div><font size="2" color="red"><b>Coupon Name:</b></font></div>'+ 
      '<div><font size="2" color="green"><b>{coupon_name}</b></font></div>'+ 


       '</div>',         
       store : 'ViewCategoryStore', 


      }, 


     ] 
    } 

：

 Ext.define('Expressdeal.controller.ViewCategoryController', { 
    extend: 'Ext.app.Controller', 

      config: { 
      refs: { 


     viewcat : 'viewcategory'  // xtype of the view 

       }, 
      control: { 


    'viewcategory list: { 
       activate: 'onActivate', 
       itemtap: 'onItemTap', 
        },