jqGridを使用してテーブル行にデータ属性を作成する

Question

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でこれを行う方法はありますか？もしそうなら、どうですか？そうでない場合は、どのようなオプションがありますか？

Answer 1

afterInsertRowイベントを使用して、グリッドに挿入された各行を保持し、希望通りに変更できます（jQuery.attr()を使用してカスタム属性を追加します）。