用JqWidgets在单个页面中创建多个jqx网格表

问题描述：

我想在单个页面中创建多个jqx网格框。有人可以告诉我该怎么做吗？这里是预览页面http://jsfiddle.net/NuUjc/用JqWidgets在单个页面中创建多个jqx网格表

答

你会这样做你创建第一个网格的方式。只需在网格中创建一个新的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代码段中所定义的）

用JqWidgets在单个页面中创建多个jqx网格表

相关推荐