コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

jqGrid

[jqGrid] 編集可能なグリッド

投稿日:

jqGridを編集可能なグリッドにするサンプルです。

サンプルソース

例)編集可能なグリッドサンプル

「名前」列と「値段」列 の値をクリックすると編集できるようになります。

実行サンプル

サンプル

解説

  • 編集可能なグリッドにするには、オプションにcellEdit:trueを設定した上で、colModelの編集可能にしたい列にeditable:trueを指定します。
    (上記例の34行目、30~31行目参照)

スポンサーリンク

スポンサーリンク

-jqGrid

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jqGrid] 指定した行のデータを取得する

jqGridで指定した行のデータを取得するには、.getRowData()を使用します。 サンプルソース 例)ボタンを押 ...

[jqGrid] 新規行を追加する

jqGridで新規行を追加するサンプルです。 サンプルソース 例)ボタンを押すと新規行を追加する [crayon-5b0 ...

[jqGrid] 選択行を取得する(複数行)

jqGridで複数選択された行を取得するサンプルです サンプルソース 例)ボタンを押すと、複数選択した行をコンソールに出 ...

[jqGrid] 指定した行の値を更新する

jqGridで指定した行の値を更新するサンプルです。 サンプルソース 例)ボタンを押すと、2行目のデータを指定したデータ ...

[jqGrid] 行番号列を表示する

jqGridに行番号列を表示するサンプルです。 サンプルソース 例)行番号列を表示するサンプル [crayon-5b06 ...

スポンサーリンク