從jquery數據表中收集獨特的json數據

通過使用jquery的數據表插件，我試圖收集具有唯一gID的行。我使用.unique並能夠在控制檯日誌中查看數據，如何替換頁面上的表。 jQuery的從jquery數據表中收集獨特的json數據

testdata = [{ 
     "gID": 2, 
     "name": "An ice sculpture", 
     "price": 12.50, 
     "cId": 909, 
     "tags": ["cold", "ice"], 
     "dimensions": { 
      "length": 7.0, 
      "width": 12.0, 
      "height": 9.5 
     } 
    }, 
    { 
     "gID": 2, 
     "name": "An ice sculpture 2-1", 
     "price": 12.50, 
     "cId": 909, 
     "tags": ["cold", "ice"], 
     "dimensions": { 
      "length": 7.0, 
      "width": 12.0, 
      "height": 9.5 
     } 
    }, { 
     "gID": 2, 
     "name": "An ice sculpture2 -2", 
     "price": 12.50, 
     "cId": 909, 
     "tags": ["cold", "ice"], 
     "dimensions": { 
      "length": 7.0, 
      "width": 12.0, 
      "height": 9.5 
     } 
    }, { 
     "gID": 2, 
     "name": "An ice sculpture2-3", 
     "price": 12.50, 
     "cId": 909, 
     "tags": ["cold", "ice"], 
     "dimensions": { 
      "length": 7.0, 
      "width": 12.0, 
      "height": 9.5 
     } 
    }, { 
     "gID": 2, 
     "name": "An ice sculpture", 
     "price": 12.50, 
     "cId": 909, 
     "tags": ["cold", "ice"], 
     "dimensions": { 
      "length": 7.0, 
      "width": 12.0, 
      "height": 9.5 
     } 
    }, { 
     "gID": 2, 
     "name": "An ice sculpture", 
     "price": 12.50, 
     "cId": 909, 
     "tags": ["cold", "ice"], 
     "dimensions": { 
      "length": 7.0, 
      "width": 12.0, 
      "height": 9.5 
     } 
    }, { 
     "gID": 3, 
     "name": "An ice sculpture 3", 
     "price": 12.50, 
     "cId": 309, 
     "tags": ["cold", "ice"], 
     "dimensions": { 
      "length": 7.0, 
      "width": 12.0, 
      "height": 9.5 
     } 
    }, { 
     "gID": 4, 
     "name": "An ice sculpture - 4", 
     "price": 12.50, 
     "cId": 989, 
     "tags": ["cold", "ice"], 
     "dimensions": { 
      "length": 7.0, 
      "width": 12.0, 
      "height": 9.5 
     } 
    }, { 
     "gID": 5, 
     "name": "An ice sculpture - 5", 
     "price": 12.50, 
     "cId": 919, 
     "tags": ["cold", "ice"], 
     "dimensions": { 
      "length": 7.0, 
      "width": 12.0, 
      "height": 9.5 
     } 
    } 
]; 

var table = $('#test').DataTable({ 
    "aaData": testdata, 
    "aoColumns": [{ 
     "mDataProp": "gID" 
    }, { 
     "mDataProp": "name" 
    }], 
    "bPaginate": true, 
     "bFilter": true, 
    "bSort":true, 
}); 
console.log(table.column(0).data().unique());

HTML

<table id="test"></table>

當前結果 顯示條目搜索：

2冰雕
2的冰雕塑2-1
2所述的冰sculpture2 -2 2所述的冰sculpture2-3
2所述的冰雕塑
2所述的冰雕塑
3所述的冰雕塑3
4.一種冰雕塑 - 4
5所述的冰雕塑 - 5

預期結果： 顯示條目搜索：

2所述的冰雕塑
3所述的冰雕塑3
4所述的冰雕塑 - 4
5所述的冰雕塑 - 5

顯示第1至9條結果，共9條項上一頁1下一頁

來源

2017-08-16 tv3free

我認爲這是不符合邏輯的

預期結果：顯示的條目搜索：

2冰雕3冰雕3 4冰雕 - 4 5的冰雕 - 5顯示九月1日至9日的條目上一頁1下

必須刪除重複，其結果將是

2所述的冰雕塑 3所述的冰雕塑3 4所述的冰雕塑 - 4 5所述的冰雕塑 - 5 顯示1到4 4的條目上一頁1下

來源

2017-08-16 17:38:01

這是.unique函數做什麼。我在console.log（table.column（0）.data（）中得到我想要的結果。unique（））;，我現在要做的就是用這個唯一的數據替換/重繪當前表（#test） – tv3free

table.destroy（）; 然後使用你的代碼重新創建無功表= $（ '＃測試'）數據表（{ 「aaData」：TESTDATA，「aoColumns」：[{ 「mDataProp」：「GID」 }，{ 「mDataProp」：「名稱」 }]，「bPaginate」：真，「bFilter」：真，「bSort」：真的， }）; –

如果它不適用於你讓我知道 –

從jquery數據表中收集獨特的json數據

回答

相關問題