javascript - 使用 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：这样做时，每当我修改一个网格时，另一个网格都会相应地更新，反之亦然，我理解这是因为这个。

-var data2 = jQuery.extend(true, {}, data1)或var data2 = jQuery.extend({}, data1);：在这种情况下，SlickGrid只是无法创建网格data2（网格是空的，并且它的高度扩展为4000000px，没有引发警告/错误/异常）尽管对象本身似乎已正确创建（我可以提醒它及其值很好）。

如何从同一个对象（最初）创建 2 个独立的网格SlickGrid？

Answer 1

jQuery.extend() 作用于一个对象。在这里，您必须创建第二个数组并分别从第一个数组中克隆每个单独的项目。