Question

如何在一个页面上放置两个SlickGrid网格？只有一个slickgrid（jquery控件）需要很多特定的命令和使用无名函数（似乎）。那么，如果我想在一个页面上使用两个或更多控件呢？

有一些关于jquery函数声明的内容：

$（function（）{

似乎阻止了这种做法。它实际上不是一个函数声明。所以不能有$（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
}

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

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

2 个答案: