0

1ページに複数の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スニペットで定義したID)に置き換えられていることを確認してください。

于 2012-12-20T19:11:03.693 に答える