jqGrid

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

投稿日:

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

サンプルソース

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

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

実行サンプル

サンプル

解説

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

スポンサーリンク

スポンサーリンク

-jqGrid

執筆者:


comment

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

関連記事

[jqGrid] jqGridの各種パラメータ値を取得する

jqGridの各種パラメータ値を取得するサンプルです。 サンプルソース 例)jqGridの各種パラメータ値を取得する 以 ...

[jqGrid] 指定した列の表示非表示を切り替える

jqGridで指定した列の表示非表示を切り替えるサンプルです。 サンプルソース 例)ボタンを押すと「名称1」列の表示非表 ...

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

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

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

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

[jqGrid] グリッドロード完了時に処理を行う(loadComplete)

jqGridでグリッドロード完了時に処理を行うサンプルです サンプルソース 例)グリッドロード完了時にアラート表示する ...

スポンサーリンク