ちょっと生きづらさを抱えた人へ、気持ちを楽にするためのお手紙です。

【jqGrid】表を作りデータを表示する

今回は、ボタンを押すとデータを表示するサンプルです。
jqgrid_04
つまりこういうことね。

コーディング

画面にはボタンを追加しました。onClickで表を再描画させるため、functionを設定。

通常はDBから取得した値をセットするところだけど、今回の趣旨はそこじゃないから、
ハードコーディングでやっちゃいます。
これは単なるjavascriptだから問題ないよね。
なお、この怪しげなレシピは 「黒い砂漠」というゲーム内のビールのレシピです。

ロード時に描画した表をいったん削除して、
テーブルタグを再挿入してから、テーブルを作成しています。

ロード時にid=”jqGrid-tbl”のところを書き換えているので、該当idがなくなっちゃうから、
grid-containerの中身を削除して、もう1度idがjqGrid-tblのタグを書きました。
実現はできてるけど、正しいやり方かは不明。

参考にさせていただいたサイト

http://qiita.com/k499778/items/65db2380d989b1d70985
http://acro-engineer.hatenablog.com/entry/20110715/1310683073
http://www.northwind.mydns.jp/samples/jqgrid_sample5.php

2 Comments

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください