jqGrid

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

投稿日:

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

サンプルソース

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

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

実行サンプル

サンプル

解説

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

スポンサーリンク

スポンサーリンク

-jqGrid

執筆者:


comment

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

関連記事

[jqGrid] ページングを行った時に処理を行う

jqGridでページングを行った時に処理を行うサンプルです サンプルソース 例)ページングを行った時にアラート表示する ...

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

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

[jqGrid] データ追加時に処理を行う

jqGridでデータ追加時に処理を行うサンプルです。 サンプルソース 例)データ追加時にアラート表示をする [crayo ...

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

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

[jqGrid] セル選択時に処理を行う(onCellSelect)

jqGridのセル選択時に処理を行うサンプルです。 サンプルソース 例)セル選択時にアラート表示する [crayon-5 ...

スポンサーリンク