顯示分組表

Question

下面是一個使用knockout.js

viewModel.myArray = ko.observableArray([ 
     { name: 'Luk', city: 'Warsaw' }, 
     { name: 'Mark', city: 'London' }, 
     { name: 'Tom', city: 'London' }, 
     { name: 'Peter', city: 'Warsaw' }, 
     { name: 'Paul', city: 'Warsaw' } 
    ]); 

使用<!-- ko foreach: myArray -->我可以考慮

顯示陣列但我怎麼能由城市這樣的分組如下準備陣表我的視圖模型使用淘汰賽

CITY  NAME 

[Warsaw] [Luk, Peter, Paul] 

[London] [Mark, Paul] 

感謝您的任何答案。

Answer 1

你可以嘗試這樣的事情（未測試）：

viewModel.groupedCities = ko.computed({ 
    read: function() { 
     var output = {}; 
     var arr = viewModel.myArray(); 
     for(var i = 0; i < arr.length; i++) { 
      var item = arr[i]; 
      output[item.city] = output[item.city] || []; 
      output[item.city].push(item.name); 
     } 

     var keys = Object.keys(output); 
     var result = []; 
     for(var i = 0; i < keys.length; i++) { 
      result.push({ city: keys[i], names: output[keys[i]]}); 
     } 

     return result; 
}); 

，不只是一個類似<!-- ko foreach: groupedCities -->顯示它們。