Question

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

Answer 1

您可以像创建第一个网格一样进行。只需创建网格所在的新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>

然后为您的网格创建适当的数据源和数据适配器：source2，dataAdapter2等。

然后以相同的方式初始化您的网格：

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

确保'jqxgrid2'替换为网格的正确ID（您在html代码段中定义的ID）

带有JqWidgets的单页中的多个jqgrid表

1 个答案: