jqGrid

jqGridの日本語対応について

jqGridはutf8に対応しています。 したがって日本語も問題なく表示できます。

jqGridのサイズを動的に変更する

表示しているブラウザのウインドウサイズを変更したときに、 自動的にjqGridのサイズも変わってほしいときってありますよね。 // #grid が対象のjqGridだとして $(window).bind('resize', function () { $('#gird').setGridWidth($(window).width() * 0.8) .…

jqGridを行毎に色をつける

画面みたいに表を見やすくするために、 1行おきに色を付けたいときってありますよね。 <style> .ui-row-even { background: LemonChiffon; } </style> <script type="text/javascript"> $(function() { $('#grid').jqGrid({ 'colModel': 略 'gridComplete': function () { $('tbody > tr:even', this).addCl</script>…

jqGridで文字のサイズを変更する

画面右上にフォントサイズを変更できるサイトってありますよね。 jqGridで同じようなことをする方法。※ヘッダやページャのheightを調節しないと 文字が見切れちゃうので注意してください。 $(function () { var changeFontSize = function (size) { $('div.u…

custom formatterとunformatを使う(jqGrid.colModel)

参考 wiki:custom_formatter -jqGrid Wiki 概要 データベースからPHP経由等で取得したデータをフォーマットして表示する。 たとえば、http://d.hatena.ne.jp/というデータをリンクにして表示したいとか、 0ならA、1ならBと表示したいときに使う。

jqGridで表示されているデータをCSVとかにエクスポートする方法(JSON編)

概要 datatypeがjsonの場合です。 $('#grid').jqGrid('getGridParam', 'postData')が検索(searchGrid)や更新(reloadGrid)時にサーバー(url)へ送信されるデータです。 目的 jqGridでmultipleSearch:trueのときに、複雑な条件を設定して、並べ替えなんかもし…

jqGridとPHPとZend_Dbでテーブルを検索する(JSONによるAjax)

建設予定地とりあえずの目次 てっとり早く済ませたい人は はじめるまえに jqGridの検索は3種類ある Filter Single Multi 3種類対応 2010/12/07 追記 ちょっと手が回っていなくて、このまま未完のまま放置させてもらいます。

検索条件を適用したままリロードする方法

目的 jqGridで検索条件を維持したまま更新させたい。 背景 navGridにある更新ボタンを押すと、 multiSearch等で設定してある検索条件を無視して、 データを取得してくる(検索ダイアログのリセットを押した状態) 方法 navGridのオプションで refresh:false …

grid.loader.jsがIEで動作しない

jqGrid: 3.8.1 結論 githubにあるjquery.jqGrid.jsを使用しましょうhttps://github.com/tonytomov/jqGrid/blob/master/jquery.jqGrid.js え、いままではどうやってデバッグしていたの? 気合の脳内シミュレーション! よくある話 せっかく作ってあるのにドキ…

jqGridでgridDnDを使用した場合にnodeNameエラーがでる

jqGrid: 3.8.1 結論 次のリリースで訂正されています。本家Forumでのやり取り jQuery Grid PluginDrag and Drop and draggable (possible Bug?) 次のリリースを待てない人へ githubからgrid.jqueryui.jsを取ってきて差し替えましょう https://github.com/ton…

jqGridのeditGridRowで連続追加時にselectのdefaultValueを動的に変更する

editGridRowやnavGridの追加ボタンを使用して大量のデータを入力したいとき、 selectの値を毎回指定しなおすのが面倒だから、 最後に入力した値をdefaultValueに設定する。 ・afterSubmit内のthisから対象のgridを取得 var $t = $(this.gbox + ' .ui-jqgrid-…

jqGridをJSONで使用するときのjqGrid間ドラッグアンドドロップの実装(gridDnD)

jqGrid : 3.8.1 jQuery : 1.4.4 jQuery UI: 1.8.6 IE8 2011/11/28 追記 jqGrid: 3.8.1 でgridDnDとjQuery UIのdialogなどのDraggableな物を使用するとnodeNameエラーが発生します。 最新のソースでは訂正されているので次のリリースを待つかgithubからgrid.j…

jqGridをJSONで使うときに設定したい7項目

1. ダウンロードするときは全部入りを選びましょう jqGridはダウンロード時に選んだ内容から最適化したコードを作成してくれます。これはとてもありがたいのだけれど、機能が必要になるたびダウンロードするのは面倒じゃない。最初から全部選んじゃいましょ…

jqGridのcolModelをPHPで生成できなかった

目的 jqGridのcolModelをPHP側で設定したい。 結論 力及ばず。毎回コードを書くことにしました。 Javascriptのコールバック関数を各列毎に設定するのがめんどくさすぎる。 PHPのヒアドキュメント構文を駆使して作れないこともないけれど美しくない。 PHP側の…