jquery - 如何在一页上放置两个 SlickGrid 网格？

Question

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

jquery函数声明有一些东西：

$（函数（）{

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

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

enter code here

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

Answer 1

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

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

Answer 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
}

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