2013-08-01 105 views
4

如何在一個頁面上放置兩個SlickGrid網格?只有一個slickgrid(jquery控件)需要很多特定的命令和使用無名函數(看起來)。那麼如果我想在一個頁面上使用兩個或更多控件呢?如何在一個頁面上放置兩個SlickGrid網格?

有一些關於jQuery的函數聲明:

$(函數(){

似乎防止這種workinging它不是一個真正的函數聲明所以不可能有一個$(。函數2(){ 第二個網格。

通過剛纔複製的內容在示例代碼的第二格,我得到somethnig是umproductive。你能看到我走到哪裏錯了?

enter code here 

那麼,這並沒有奏效。我將不得不ftp代碼並在網站上發佈一個鏈接。

回答

1

我不太清楚,如果我理解你的問題。如你願意,你可以創建Slick.Grid的多個實例:

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

我已經嘗試過所有我能想到的,第二個網格出現空洞。我將從簡單的事情開始。如果我無法使用它,我將在這裏添加example3-editing.html示例代碼以及第二個網格的簡單重複... – xarzu

0

我同意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 
} 

注:請注意必須正確關閉所有的括號內。以上只是爲了展示你的代碼應該是什麼樣子。我已經嘗試成功使用這種類型的代碼。

相關問題