jqGrid には多数のオプション設定が用意されており、開発者はテーブルの幅、高さ、データ型、列名などの対応する値を設定することで jqGrid を制御できます。オプション設定で完了です。 jqGrid のオプションは通常、名前:値 (名前:値) の形式ですが、オブジェクト (object) や配列 (配列) の形式で構成することもできます。
jqGrid オプション(オプション)
jqGrid を呼び出すには、次のコードを実行するだけです:
jQuery("#grid_id").jqGrid(options);オプションはjqGridのオプション設定です。以下の表を参照してください。
| プロパティ | タイプ | 説明 | デフォルト値 |
| ajaxGridOptions | オブジェクト | この項目は、テーブル設定がデータを取得するときに、ajax のグローバル プロパティを設定するために使用されます。この項目は、現在のすべての ajax 設定 (error、complete、beforeSend イベントを含む) をオーバーライドする可能性があることに注意してください。 | 空 |
| ajaxSelectOptions | オブジェクト | この項目は、editoptions または searchoptions オブジェクトの dataUrl を通じて要素を選択するときに、ajax のグローバル プロパティを設定するために使用されます。 | 空 |
| 代替クラス | 文字列 | 行を交互に配置するためのクラス。これは、altRows が true に設定されている場合にのみ有効です。 | ui-priority-Secondary |
| altRows | ブール値 | 交互行テーブルとして設定 | 偽 |
| 自動エンコード | ブール値 | true に設定すると、サーバーからのデータと送信されたデータがエンコードされます。たとえば、< は < | に変換されます。偽 |
| 自動幅 | ブール値 | true に設定すると、テーブルの幅は親要素の幅と自動的に一致します。このマッチングはテーブルの作成時にのみ実行され、親要素の幅が変更されたときにテーブルを変更するには、setGridWidth メソッド | を使用できます。偽 |
| キャプション | 文字列 | テーブルのタイトル。ヘッダーに表示されます。空の場合は表示されません。 | 空 |
| セルレイアウト | 整数 | このプロパティは、セルのパディング境界線の幅を決定します。通常、この属性は変更されませんが、テーブルの CSS で td 要素が変更された場合は、この属性を変更する必要があります。 デフォルト値 5 は、paddingLef(2)paddingRight(2)borderLeft(1)=5 | を意味します。5 |
| セル編集 | ブール値 | セルの編集を許可するかどうか。 | 偽 |
| セル送信 | 文字列 | セルの内容がリモートまたは clientArray に保存されるかどうかを決定します。 | 'リモート' |
| セルURL | 文字列 | セルに保存された URL。 | ヌル |
| colModel | 配列 | 列パラメータ配列について説明します。これはテーブルの最も重要な部分です。詳細については、colModel API. | を参照してください。ヌル |
| 列名 | 配列[] | 列名の配列。この名前はヘッダーに表示されます。名前はカンマで区切られ、その数はcolModel配列 | の数と同じである必要があります。空 |
| データ | 配列 | ローカル データを配列形式で保存します。 | 空 |
| データ文字列 | 文字列 | データ型が xmlstring または jsonstring に設定されている場合、それはデータ文字列です。 | ヌル |
| データ型 | 文字列 | テーブルが取得するデータの種類を定義します。有効な値は次のとおりです。 XML —xml データ xmlstring - XML 文字列 json - JSON データ jsonstring - JSON 文字列 ローカル - クライアント データ (配列) javascript—JavaScript データ 関数 - 関数はデータを返します |
xml |
| 並べ替え後の選択を解除 | ブール値 | データ型がローカルの場合にのみ適用されます。並べ替えが適用されると、現在選択されている行の選択が解除されます。 | 本当 |
| 方向 | 文字列 | テーブル内の書き込み方向。"ltr" 左から右 (デフォルト)、"rtl" 右から左 | ltr |
| 編集URL | 文字列 | インライン編集アドレス URL を定義します | ヌル |
| 空のレコード | 文字列 | 返品された (または現在の) 数量がゼロの場合に表示される情報 この項目は、viewrecords が true に設定されている場合にのみ有効です。 | |
| ColClick を展開 | ブール値 | true の場合、クリックして行のテキストを展開すると、treeGrid が展開または折りたたまれます | 本当 |
| 列を展開 | 文字列 | treeGrid の展開に使用される列 (名前はcolModel から取得) を指定します。設定されていない場合は、最初の列が使用されます。この項目は、treeGrid が true の場合にのみ有効です。 | ヌル |
| フッター行 | ブール値 | true に設定すると、colModel | に等しい列数でテーブル フッター行が生成されます。偽 |
| フォースフィット | ブール値 | true に設定して列幅を変更すると、テーブル全体に合わせて隣接する列も調整され、水平スクロール バーは表示されません。 | 偽 |
| グリッドステート | 文字列 | テーブルの現在のステータス。表示または非表示 | 表示 |
| グリッドビュー | ブール値 | trueに設定すると表示速度が5～10倍になります。ただし、treeGrid、subGrid、または afterInsertRow イベントは使用できなくなりました | 偽 |
| グループ化 | ブール値 | テーブルグループを設定するかどうか | 偽 |
| 身長 | 混合 | テーブルの高さ。値、パーセンテージ、または自動を指定できます | 150 |
| 隠しグリッド | ブール値 | true に設定すると、テーブルが非表示になり、データはロードされず、タイトルのみが表示されます。初めて表示/非表示ボタンをクリックしてテーブルを表示すると、サーバーからデータが読み込まれます。 | 偽 |
| ハイドグリッド | ブール値 | 表示/非表示ボタンの使用を許可するかどうか。タイトルが空でない場合にのみ使用できます。 | 本当 |
| ホバロウ | ブール値 | 表の行にマウスオーバー効果があるかどうか | 本当 |
| jsonReader | 配列 | JSON データ構造配列 | |
| 最後のページ | 整数 | リクエストによって返されたページの総数 | 0 |
| 最後の並べ替え | 整数 | ソート対象の列番号(0から始まる) | 0 |
| ロードワンス | ブール値 | true に設定すると、テーブルは (適切なデータ型を使用して) サーバー データを 1 回だけ読み取ります。その後、データ型は自動的にローカルに変更され、その後の操作はすべてクライアント上で実行され、ページャー関数 (存在する場合) が実行されます。 ）は無効になります。 | 偽 |
| ロードテキスト | 文字列 | データが要求され、並べ替えられたときに表示されるテキスト | 読み込み中… |
| ロードイ | 文字列 | この項目は、ajax プロセスの進行中のアクションを制御します。 Disable - jqGrid のプロセス命令をキャンセルします。カスタム命令を使用できます。有効 (デフォルト) - 表の中央に「ロード中」が表示されます。ブロック - 「読み込み中」メッセージを表示し、データの読み込みが完了するまでページ上のすべての機能を無効にします。 | 有効化 |
| mtype | 文字列 | 送信タイプ POST または GET を定義します | ゲット |
| マルチキー | 文字列 | この属性は、multiselect が true の場合にのみ有効です。オプションの値は、shiftKey、altKey、ctrlKey です。 | 空 |
| マルチボックスのみ | ブール値 | この属性は、multiselect が true の場合にのみ有効です。Multiboxonly が true に設定されている場合、他の列をクリックすると現在の行の選択が解除されます。 | false |
| multiselect | boolean | 此属性设为true时启用多行选择，出现复选框 | false |
| multiselectWidth | integer | 若multiselect 为true时，定义多选列的宽度。 | 20 |
| page | integer | 设置请求初始页的数量，此参数通过URL从服务器接受数据 | 1 |
| pager | mixed | 定义分页浏览导航条。必须是一个HTML元素，如 | empty |
| pagerpos | string | 定義表格瀏覽導覽條的位置，缺省情況下建立一個包含3部分的導覽條：頁碼，導覽按鈕和記錄資訊。 | center |
| pgbuttons | boolean | 定義導航啟動時導航按鈕是否顯示。 | true |
| pginput | boolean | 定義導覽列是否有頁碼輸入框。 | true |
| pgtext | string | 當前頁資訊。第一個量為目前頁，第二個量為總頁數。 | |
| prmNames | array | 預設情況下prmNames: { page:“page”,rows:“rows”, sort: “sidx”,order: “sord”, search:“_search”, nd:“nd”, npage:null}以POST方式傳送到伺服器，欄位為： page，rows，sidx，sord，search，nd 例如要將sidx改為mysort，可寫成： prmNames: {sort: “mysort”}. 這樣提交到伺服器的字串就變成： page=1&rows=10&mysort=myindex&sord=asc 若將一些參數設為null，這些參數將不再傳送至伺服器。例如prmNames: { nd:null} 則nd參數將不被傳送。 Npage參數參考scroll option. | none |
| postData | array | 此陣列能直接傳遞到url。這個陣列可使用這個形式{name1:value1…}。 | empty |
| reccount | integer | 唯讀屬性。定義表格顯示的行數。切勿與records混淆。 | 0 |
| recordpos | string | 定義頁中記錄資訊的位置，可以是left，center，right。 | right |
| recordpos | object | 交替行的類別 | true |
| records | integer | 唯讀屬性。定義從請求中獲得的記錄數 | none |
| recordtext | string | 可在頁面上顯示的提示訊息，此 |
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
