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 |