用JqWidgets在單個頁面中創建多個jqx網格表

我想在單個頁面中創建多個jqx網格框。有人可以告訴我該怎麼做嗎？這裏是預覽頁面http://jsfiddle.net/NuUjc/用JqWidgets在單個頁面中創建多個jqx網格表

2012-08-03 Danish Adeel

你會這樣做你創建第一個網格的方式。只需在網格中創建一個新的div，創建必要的數據源並初始化網格。

所以，在你的榜樣，你必須：

<body class='default'> 
    <div id='jqxWidget1' style="font-size: 13px; font-family: Verdana; float: left;"> 
     <div id="jqxgrid"> 
     </div> 
    </div> 
    <br/>Second grid<br/> 
    <div id='jqxWidget2' style="font-size: 13px; font-family: Verdana; float: left;"> 
     <div id="jqxgrid2"> 
     </div> 
    </div> 
    <br/>Third grid<br/> 
    <div id='jqxWidget3' style="font-size: 13px; font-family: Verdana; float: left;"> 
     <div id="jqxgrid3"> 
     </div> 
    </div> </body>

然後創建適當的數據源和數據適配器爲網格：源2，dataAdapter2等

然後初始化網格相同方法：

$("#jqxgrid2").jqxGrid(
    { 
     width: 670, 
     source: dataAdapter2, 
    .....

確保「jqxgrid2」被替換爲任何網格正確的ID是（你在你的HTML代碼段中所定義的）

來源

2012-12-20 19:11:03

用JqWidgets在單個頁面中創建多個jqx網格表

回答

相關問題