2

jQueryプラグインjqGridを読み込もうとしていますが、ドキュメントとデモをざっと読んでいると不足しています。

私が達成したいのは、JSONデータの一部を使用して列に表示し、他の部分を使用して各テーブル行にHTML5データ属性を作成することです。ただし、jqGridがこれを処理できるかどうか、および処理できる場合はどのように処理できるかを理解できません。

私がやりたいことの例：

以下のデータから（読みやすくするために空白を追加）

[
 {
     'id': 1, 
     'type': 0, 
     'name': 'first', 
     'address': '1524, 3rd street', 
     'X': 18.0068922, 
     'Y': 59.31076795
 },
 {
     'id': 7819, 
     'type': 0, 
     'name': 'not first', 
     'address': 'South Corner', 
     'X': 144.18457031, 
     'Y': -22.20774917
 }
]

次のテーブルを作成したいと思います。

<table>
    <thead>
        <th>Name</th>
        <th>Address</th>
    </thead>
    <tbody>
        <tr data-id="1" data-type="0" 
            data-x-coord="18.0068922" data-y-coord="59.3107695">
            <td>first</td>
            <td>1524, 3rd street</td>
        </tr>
        <tr data-id="7819" data-type="0"
            data-x-coord="144.18457031" data-y-coord="-22.20774917">
            <td>not first</td>
            <td>South Corner</td>
        </tr>
    </tbody>
</table>

ご覧のとおり、データ属性には、行のプロパティと同じ名前が付けられている場合とされていない場合があります。また、この例には示されていませんが、一部のプロパティは、テーブルに表示するためとデータ属性のために使用されます。

JSONデータを提供するAPIは他の場所で使用されているため、変更することはできません。データ属性の要件は、他の場所で使用されている別の（自己作成の）jQueryプラグインによっても定義されているため、変更することもできません。

jqGridでこれを達成する方法はありますか？もしそうなら、どのように？そうでない場合、どのようなオプションがありますか？

4

1 に答える 1

1

afterInsertRowイベントを使用して、グリッドに挿入された各行を取得し、必要に応じて変更できます（jQuery.attr（）を使用してカスタム属性を追加します）。

于 2011-12-30T13:43:59.497 に答える