問題使用SlickGrid從同一對象創建獨立網格

Question

我在創建來自同一對象的多個獨立網格SlickGrid（即對一個網格的修改不應影響其他網格，反之亦然）時出現問題。

下面是代碼

var data1 = []; 
data1[0] = { myfield: "This is data1" }; 
// setting data2, see below 
var grid1 = new Slick.Grid("#grid1", data1, columns, options); 
var grid2 = new Slick.Grid("#grid2", data2, columns, options); 

設置數據2

我試過很多東西：
- var data2 = data1：這樣做的時候，每當我修改一個網格，網格等得到更新相應地，反之亦然，我知道這是because of this。

- var data2 = jQuery.extend(true, {}, data1)或var data2 = jQuery.extend({}, data1);：在這種情況下SlickGrid根本無法創建網格data2（網格是空的，它的高度爲4000000px延伸，無警告/錯誤/拋出異常），雖然對象本身似乎是正確的創建（我可以提醒它，它的價值是好的）。

如何從同一對象（最初）與SlickGrid創建2個獨立的網格？

Answer 1

jQuery.extend（）對一個對象起作用。在這裏，您必須創建第二個數組，並分別從第一個數組中克隆每個單獨的項目。