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

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

有一些关于jQuery的函数声明：

$（函数（）{

似乎防止这种workinging它不是一个真正的函数声明所以不可能有一个$（。函数2（）{ 第二个网格。

通过刚才复制的内容在示例代码的第二格，我得到somethnig是umproductive。你能看到我走到哪里错了？

enter code here

那么，这并没有奏效。我将不得不ftp代码并在网站上发布一个链接。

来源

2013-08-01 xarzu

我不太清楚，如果我理解你的问题。如你愿意，你可以创建Slick.Grid的多个实例：

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

来源

2013-08-01 18:10:23 idbehold

我已经尝试过所有我能想到的，第二个网格出现空洞。我将从简单的事情开始。如果我无法使用它，我将在这里添加example3-editing.html示例代码以及第二个网格的简单重复... – xarzu

我同意idbehold的答案。您可以在一个页面上创建并显示多个slickgrid。

例如。你的.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 
}

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

来源

2013-08-05 10:21:33 Vabbs

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

回答

相关问题