jqGrid

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

投稿日:

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

サンプルソース

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

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

実行サンプル

サンプル

解説

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

スポンサーリンク

スポンサーリンク

-jqGrid

執筆者:


comment

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

関連記事

[jqGrid] 指定したセルの値を書き換える

jqGridで指定したセルの値を書き換えるするサンプルです サンプルソース 例)2行目の金額列の値を99999に書き換え ...

[jqGrid] 列幅変更時に処理を行う(resizeStart、resizeStop)

jqGridで列幅変更時に処理を行うサンプルです サンプルソース 例)列幅変更時にアラート表示する [crayon-5b ...

[jqGrid] グリッドの値を取得する

グリッドに表示している値を全て取得するには、.getGridParam("data")を使用します。 サンプルソース 例 ...

[jqGrid] 行選択時に処理を行う

jqGridで行選択時に処理を行うサンプルです。 サンプルソース 例)行選択前と後にコンソールにメッセージを出力する [ ...

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

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

スポンサーリンク