jqGridの主要オプション一覧です。
オプション
オプションには値で動きや見た目を指定するものと、
イベント発生時に呼び出されるものがあります。
| オプション | 意味 |
|---|---|
| caption | 表のタイトルを指定する 例)caption:'タイトルです' |
| colNames | 列のタイトルを指定する ※文字の配列で指定します 例)colNames:['列1', '列2', '列3'] |
| colModel | 列単位の設定 ※オブジェクトの配列で指定します index:インデックス名 name:name名 width:横幅 align:横位置('left','center','right') editable:編集の可否(true, false) editoptions: sortable:ソートの可否(true, false) sorttype:数値としてソートする場合は'integer' resizable:列幅リサイズの可否(true, false) |
| data | 表示するデータ ※オブジェクトの配列で指定します |
| datatype | データの種類 'local', 'json', 'xml' |
| rowNum | 1ページに表示する行数 例)rowNum:10 |
| rowList | ページャーの選択肢 ※数値の配列で指定します 例)rowList:[10,20,50] |
| height | 表の高さ ※数値または'auto'で指定します。 |
| width | 表の幅 ※数値または'auto'で指定します。 |
| autowidth | 列幅を自動とするかどうか true:自動 false:固定 |
| pager | ページャーの要素ID |
| toppager | ページャーをグリッドの上部に表示するかどうか true:表示する false:表示しない |
| viewrecords | フッターの右下に表示中の行番号を表示 |
| sortname | 初期表示時のソート列名を指定 |
| sortorder | 初期表示時のソート順 'asc' 'desc' ※sortnameで指定した列に対して有効です |
| multiSort | 複数ソートの可否 true:複数ソート可 false:複数ソート不可 |
| multiselect | 複数選択の可否 true:複数選択可 false:複数選択不可 |
| multiselectWidth | 選択列の幅 例)multiselectWidth:100 ※multiselect:trueの場合のみ有効です |
| cellEdit | 値の編集可否 true:編集可 false:編集不可 |
| cellsubmit | |
| editurl | |
| rownumbers | 行番号を表示するかどうか true:表示 false:非表示(デフォルト) |
| rownumWidth | 行番号列の幅 例)rownumWidth:100 ※rownumbers:trueの場合のみ有効です |
| shrinkToFit | 表の横幅のサイズに列幅を自動調整するかどうか true:する false:しない(widthで指定した値でスクロール) |
| イベント | 意味 |
|---|---|
| loadComplete | グリッドのロードが完了した時点で呼ばれる (引数に渡ってくる値) 第1引数:グリッドの情報 |
| onSelectRow | 行選択時に処理を行う (引数に渡ってくる値) 第1引数:行番号 第2引数:multiselect=true時、選択時はtrue、解除時はfalse 第3引数:行の情報 |
| onSortCol | ソートが行われる直前 (引数に渡ってくる値) 第1引数:対象列名 第2引数:列番号 第3引数:ソート順(asc/desc) |
| onRightClickRow | 右クリックが押されたとき (引数に渡ってくる値) 第1引数:rowid 第2引数:行番号 第3引数:列番号 第4引数:e |