使用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创建网格（网格为空，其高度延伸为{{1}虽然对象本身似乎已正确创建（我可以提醒它并且它的值很好），但不会抛出任何警告/错误/异常。

如何使用4000000px从同一对象（最初）创建2个独立网格？

Answer 1

jQuery.extend（）适用于一个对象。在这里，您必须创建第二个数组并分别从第一个数组中克隆每个项目。