如何在一页上放置两个 SlickGrid 网格？答案

【问题标题】：How do I put two SlickGrid grids on one page?如何在一页上放置两个 SlickGrid 网格？
【发布时间】：2013-08-02 17:08:36
【问题描述】：

如何在一页上放置两个 SlickGrid 网格？仅仅拥有一个 slickgrid（jquery 控件）就需要许多特定的命令并使用无名函数（似乎）。那么，如果我想在一页上有两个或更多控件怎么办？

关于 jquery 函数声明的一些东西：

$(函数 () {

这似乎阻止了它的工作。它不是真正的函数声明。所以不能有 $(function2 () { 用于第二个网格。

通过在示例代码中复制第二个网格的内容，我得到了一些没有生产力的东西。你能看出我哪里错了吗？

enter code here

好吧，那没有用。我将不得不 ftp 代码并在网站上发布指向它的链接。

【问题讨论】：

标签： jquery slickgrid

【解决方案1】：

我不太确定我是否理解您的问题。您可以根据需要创建任意数量的 Slick.Grid 实例：

var grid1 = new Slick.Grid("#firstGrid", someData, someColumns, someOptions);
var grid2 = new Slick.Grid("#secondGrid", otherData, otherColumns, otherOptions);

【讨论】：

我已经尝试了所有我能想到的东西，但第二个网格出现了空白。我将从简单的事情开始。如果无法正常工作，我将在此处添加 example3-editing.html 示例代码，并简单复制第二个网格...

【解决方案2】：

我同意 idbehold 的回答。您可以在一页上创建和显示多个 slickgrids。

例如。您的 .js 文件必须类似于

var grid1;
var data1=[];
var columns1=[ //relevant code ];

var grid2;
var data2=[];
var columns2=[ //relevant code ];

var options={ //relevant code }; //You can also create separate options for each grid,
                                 //but take care to include those as arguments when                                                                   
                                 //initializing the grid.

$ function() {
// relevant code
grid1 = new Slick.Grid("#myGrid1", data1, columns1, options); //or options1
grid2 = new Slick.Grid("#myGrid2", data2, columns2, options); //or options2
// more code
}

注意：请注意正确关闭所有括号。以上只是为了展示你的代码应该是怎样的。我已经成功地尝试过使用这种代码。

【讨论】：