2014-01-29 59 views
0

反正,我想做一個簡單的分組tableview,它不在Sencha中工作。它將所有項目一起顯示,無需添加分組。Sencha Touch不分組TableView

下面是完整的代碼:

Ext.define('MyApp.view.CompletedList', { 
    extend: 'Ext.dataview.List', 
    alias: 'widget.CompletedList', 
    fullscreen:true, 
    grouped:true, 
    ui:'round', 
    requires: [ 
     'Ext.dataview.List' 
    ], 
    config:{ 

     fullscreen:true, 
     grouped:true, 
     store: { 
      fields: ['name', 'league', 'division'], 
      sorters: 'name', 
      grouper: { 
       groupFn: function (item) { 
        return item.get('league') + ' ' + item.get('division'); 
       } 
      }, 
      data: [ 
      { 
       name: 'Texas', 
       league: 'AL', 
       division: 'West' 
      }, 
      { 
       name: 'Boston', 
       league: 'AL', 
       division: 'East' 
      }, 
      { 
       name: 'California', 
       league: 'AL', 
       division: 'West' 
      }, 
      { 
       name: 'Costa Rica', 
       league: 'AL', 
       division: 'East' 
      }, 
      { 
       name: 'Seattle', 
       league: 'AL', 
       division: 'East' 
      }] 
     }, 
     itemTpl:'{name}' 
    } 
}); 

這裏是截圖:

enter image description here

+0

你的代碼適合我 – Viswa

+0

它是否分組項目? –

回答

1

的代碼對我的作品(觸摸2.3.x版本)...你運行「煎茶應用程序構建「或」sencha ant sass「來更新您的主題和其他資源?

Ext.create('Ext.List', { 
    fullscreen:true, 
    grouped:true, 
    store: { 
     fields: ['name', 'league', 'division'], 
     sorters: 'name', 
     grouper: { 
      groupFn: function (item) { 
       return item.get('league') + ' ' + item.get('division'); 
      } 
     }, 
     data: [ 
     { 
      name: 'Texas', 
      league: 'AL', 
      division: 'West' 
     }, 
     { 
      name: 'Boston', 
      league: 'AL', 
      division: 'East' 
     }, 
     { 
      name: 'California', 
      league: 'AL', 
      division: 'West' 
     }, 
     { 
      name: 'Costa Rica', 
      league: 'AL', 
      division: 'East' 
     }, 
     { 
      name: 'Seattle', 
      league: 'AL', 
      division: 'East' 
     }] 
    }, 
    itemTpl:'{name}' 
}); 
+0

不,我沒有運行它!我注意到問題是Sencha注入的風格。帶顯示的x-list-header:無。不知道他們爲什麼會那樣做。我改變了風格,現在它起作用了。該應用程序沒有運行iOS 6主題,也沒有運行iOS 7. –

+0

很高興幫助!重新編譯你的CSS通常是我會嘗試的第一件事:-)像這樣的各種問題可能會發生。 – arthurakay