リストをグループ化できません。

Question

Ext.define('MyApp.view.MyPanel', { 
extend: 'Ext.Panel', 
xtype:'mypanel', 

config: { 
    ui: 'dark', 
    layout: { 
     type: 'card' 
    }, 
    items: [ 
     { 
      xtype: 'titlebar', 
      docked: 'top', 
      title: 'Lezzet Dunyasi', 
      items: [ 
       { 
        xtype: 'button', 
        docked: 'right', 
        height: 29, 
        hidden: true, 
        ui: 'back', 
        text: 'back' 
       } 
      ] 
     }, 
     { 
      xtype: 'list', 
      docked: 'left', 
      id: 'mylist', 
      ui: 'round', 
      grouped:true, 
      pinHeaders:false, 
      width: 331, 
      itemTpl: [ 
       '<img src="{img_url}" width="60" heigh="60"></img><span>{label}</span>' 
      ], 
      store: 'Menius', 
      items: [ 
       { 
        xtype: 'searchfield', 
        docked: 'top', 
        placeHolder: 'Search...', 


      } 
      ] 
     }, 
     { 
      xtype: 'panel', 
      styleHtmlContent:true, 
      style: { 
         backgroundImage: 'url(resources/img/Landscape.png)', 
         backgroundRepeat: 'no-repeat', 
         backgroundPosition: 'center' 
      }, 
      id:'mypanel' 
     } 
    ] 
} 

}）;

マイストア

私は私がグループ化された書くときに私の店

sorters:'id', 
    grouper:function(record) { 
     return record.get('id')[4]; 

にいくつかのコードを使用：真のリストの設定に、アプリは実行されません。私はその理由を理解していない。

私は、kitchensink example user interface/list/disclosureセクションのような結果を見たいと思います。

Answer 1

お店に

groupField:'label' 

をこのconfigartionを追加