0

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

4

1 回答 1

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 片段中定义的那个）

于 2012-12-20T19:11:03.693 回答