みすくの筆箱みすくの筆箱ちょっと生きづらさを抱えた人へ、気持ちを楽にするためのお手紙です。人のことは全然言えないわけですが(笑)というわけで、自分が理解するためにも、できるだけ詳しく説明したいと思います。言え、わたしもわかっていないから、結構あやふやです。jqGridとはおしゃれな表を作れるライブラリだそうです。jQueryUIのインストールjQueryUI(http://jqueryui.com/download/)jQueryベースのライブラリで、jqGridを使うのに必要。気に入ったのを選べば良いんだと思う。Galleryタブのなかのサムネイルを選択すると、右側に適用されます。中にはファイルがいろいろ入っているのだけど、今回使うのはjquery-ui.min.css他のファイルは何?というのは、こちらで詳しく説明がありました。url=”http://kojikoji75.hatenablog.com/entry/2013/09/13/172117′′]jqGridのインストールjqGrid(http://www.trirand.com/blog/?page_id=6)ダウンロードページ下部の[DownLoad]ボタンをクリックすればダウンロードできます。中身はjsやcssなので、jspやhtmlからパスを参照できる好きなところに置けば良いです。jqGridのフォルダはリネームして、わたしはこんな配置にしました。コーディングこんな表を表示するのが、今日の目標です。jqGridで表を作るためonload();</script></html>上記のダウンロードしたファイルはJavascriptとcssなので、jsp/htmlには通常のHTMLで記載すればOK。パスはわたしの好みで${pageContext.request.contextPath}になっています。相対パスでも書けるので、現場のルールに沿えば良いです。他のサイトでは、htmlに直接functionを書いている場合が多かったのですが、わたしはフロントエンドエンジニアではないので、データベースから取得した値に応じて編集する、ログインユーザによって出しわけるとかやる前提で、別のfunctionを噛ませて表を生成するようにしました。{grid([]);}表の表示データをJSon形式にするつもりなので、ロード時は空っぽのデータをわたしています。これは、検索結果表示前もヘッダを表示するという仕様の場合もあるため。チェックボックス表示});}そして今日の要、jqGridでの表の生成部。変数で設定しているところは、設定値として使います。分けなくても、書ける。「jqGrid-tbl」はjspでTableタグに設定したidです。設定値はコメントを書いたけれど、わたしもまだ把握しきれてません。参考にさせていただいたサイトhttp://qiita.com/k499778/items/65db2380d989b1d70985http://acro-engineer.hatenablog.com/entry/20110715/1310683073http://www.northwind.mydns.jp/samples/jqgrid_sample5.php今日のひとことブログ上見やすいように、コードの位置揃えをやってみたんだけれど、わたしは正直言ってそういうの無駄だと思うタイプで、やっぱり面倒くさいぃぃと思いました。客観的には「不幸な人」に見えるらしいですが、本人はいたってのんきに暮らしています。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。検索キーワードが指定されていません。最近の項目を表示しています。検索もしくは上下矢印キーを使って項目を選択してください。