Sencha上的IndexBar可以觸摸1或2以支持按日期時間分組嗎？

Question

我不確定我可以使用IndexBar來分組另一個數據，除了字母（可能是日期時間）。如果可以請幫助一些代碼示例。

感謝，

**我認爲它看起來像 「色臉譜」 或 「Glancee」 iOS應用。

Answer 1

您可以通過傳遞letters配置到indexBar配置列表中做到這一點：

Ext.setup({ 
    onReady: function() { 
     var list = Ext.Viewport.add({ 
      xtype: 'list', 
      itemTpl: '{name}', 
      grouped: true, 
      indexBar: { 
       letters: ['1', '2', '3'] 
      }, 
      store: { 
       grouper: { 
        groupFn: function(record) { 
         return record.get('series'); 
        } 
       }, 
       data: [ 
        { name: 'episode one', series: '1' }, 
        { name: 'episode two', series: '1' }, 
        { name: 'episode three', series: '1' }, 
        { name: 'episode one', series: '2' }, 
        { name: 'episode two', series: '2' }, 
        { name: 'episode one', series: '3' }, 
        { name: 'episode two', series: '3' }, 
        { name: 'episode three', series: '3' }, 
        { name: 'episode four', series: '3' } 
       ] 
      } 
     }); 
    } 
});