jqGrid中国語ドキュメント(9)-subGrid(サブデータテーブル)
subgridとは、私たちが選択したレコードの下に図のようなデータテーブルが表示され、その内容はこの親レコードのサブレコードです.jqGridは、サブレコードを処理する2つの方法を提供する:subGrid方法と、1つのgridをsubGridsubgridとしてインストール:ダウンロードしたjqGridのjsパッケージにgridが含まれていることを確認する.subgrid.jsコンポーネントのプロパティ:gridのoptions(オプション)で次のプロパティを使用します(注意:jqGrid中国語ドキュメント(2)-オプションを参照).
ツールバーの
を選択します.
説明
デフォルト
subGrid
boolean
subgrid機能を使用してこのプロパティをtrueに設定すると、基本的なGridの左側に追加のプラス記号アイコンを表示する列が表示され、ユーザーがプラス記号をクリックして行を展開してsubgridデータを表示できることを示し、デフォルトのすべての行が縮小されます.
false
subGridOptions
object
subgridに設定されたプロパティのセットです.デフォルトのすべてのプロパティには、以下のデフォルト値{plusicon:[ui-icon-plus],minusicon:[ui-icon-minus],openicon:[ui-icon-cart-1-sw],expandOnLoad:false,selectOnExpand:false,reloadOnExpand:true}plusicon and minusicon定義の縮小と展開時のアイコンスタイルが使用されます.名前はTheme Rollerの仕様openicon subgrid展開時minusiconの下のアイコンスタイルexpandOnloadが真である必要があります.データのロード時にすべての行が自動的に展開されます.selectOnLoadが真である場合、マウスでプラスアイコンをクリックすると、行が選択されているreloadOnExpandが偽である場合、subgridのデータは1回しかロードされません.その後のクリックは非表示データだけを表示してajaxインタラクションはありません.
subGridModel
array
これはsubgrid列のプロパティとsubgridデータを記述する配列であり、subGridが真である場合にのみ有効になります.例えば、subGridModel:[{name:['name_1','name_2',...,'name_n'],,,,,'name_n'],width:[width_1,width_2,...,width_n],align:['left',' center',...,'right'],params:[param_1,...,param_n],mapping:['name_1_map','name_2_map',...,'name_n_map',...,'name_n_map']]}name:列のインデックスを含む列のインデックスを含む(labels)の配列width:列幅を含む配列、個数はnameの中の一致align:列の中の文字の位置合わせの状態の配列を含んで、値はleft、center、rightで、デフォルトleftparams:タイプの配列で、デフォルトは行idをサービス側に伝達するだけで、1つの追加のパラメータを追加してサービス側に伝達することができて、名前はcolModelの中のname属性値mappingであることができます:repeateditemsがfalseである場合、subgridのnameをnameでマッピングし
subgridtype
mixed
subgridのデータ型を読み込みます.デフォルトは親gridのデータ型
null
subGridWidth
integer
subgrid列の幅を設定する
true
subGridUrl
string
subGridプロパティが真である場合に有効である場合、subgridデータのパスを取得し、jqGridは行のIDをこのurlに追加し、他のパラメータを追加するにはsubGridModelを使用します.
ajaxSubgridOptions
object
ajaxのグローバルプロパティを設定することは、subgridがデータを取得すると、完了イベントを含む現在のajaxのすべての設定が上書きされます.
0
subgridを構成する前に、xmlReaderまたはjsonReaderでsubgridアイテムを構成する必要があります.デフォルトの設定はxmlReader:{...subgrid:{root:{rows",row:[row],repeatitems:true,cell:[cell]}jsonReader:{...subgrid:{root:{rows],repeatitems:true,cell:[cell]}
マッピング・ルールは、基本gridと同様に、jqGridの中国語ドキュメント(3)-データ・アクションの詳細について説明します.
次はsubGridTypeがサービス側から取得した例です
rowidprmsは行idとその他のパラメータを含む配列であり、必要に応じてsubGridModelのパラメータとsubGridJsonメソッドイベントを設定する:pID:行をクリックするとサブテーブルsubGridが作成され、div要素であり、そのidはpIDである:行表示サブテーブルの行id sPostDataを展開する:subgrid応答時に発行されるデータ
≪イベント｜Events｜ldap≫
パラメータ
説明
subGridBeforeExpand
pID,id
gridを展開する前にトリガーされ、イベントはfalseまたはtrueを返し、falseを返すとsubgridのローは展開されず、開かれません.
subGridRowExpanded
pID,id
subgridが有効になり、プラス記号ボタンを展開するとトリガーされ、subgridでカスタムデータを設定できます
subGridRowColapsed
pID,id
縮小アイコンをクリックするとトリガーされ、イベントはfalseまたはtrueに戻ります.false行の場合は収縮しません.
serializeSubGridData
pID,id
このイベントはajax応答後の初期化データとして使用され、初期化されたデータ(XML、JSONなどのフォーマット)を返す必要があります.
方法:
≪イベント｜Events｜ldap≫
パラメータ
説明
subGridBeforeExpand
pID,id
gridを展開する前にトリガーされ、イベントはfalseまたはtrueを返し、falseを返すとsubgridのローは展開されず、開かれません.
subGridRowExpanded
pID,id
subgridが有効になり、プラス記号ボタンを展開するとトリガーされ、subgridでカスタムデータを設定できます
subGridRowColapsed
pID,id
縮小アイコンをクリックするとトリガーされ、イベントはfalseまたはtrueに戻ります.false行の場合は収縮しません.
serializeSubGridData
pID,id
このイベントはajax応答後の初期化データとして使用され、初期化されたデータ(XML、JSONなどのフォーマット)を返す必要があります.
subgridの無効化/有効化:
ツールバーの
を選択します.
説明
デフォルト
subGrid
boolean
subgrid機能を使用してこのプロパティをtrueに設定すると、基本的なGridの左側に追加のプラス記号アイコンを表示する列が表示され、ユーザーがプラス記号をクリックして行を展開してsubgridデータを表示できることを示し、デフォルトのすべての行が縮小されます.
false
subGridOptions
object
subgridに設定されたプロパティのセットです.デフォルトのすべてのプロパティには、以下のデフォルト値{plusicon:[ui-icon-plus],minusicon:[ui-icon-minus],openicon:[ui-icon-cart-1-sw],expandOnLoad:false,selectOnExpand:false,reloadOnExpand:true}plusicon and minusicon定義の縮小と展開時のアイコンスタイルが使用されます.名前はTheme Rollerの仕様openicon subgrid展開時minusiconの下のアイコンスタイルexpandOnloadが真である必要があります.データのロード時にすべての行が自動的に展開されます.selectOnLoadが真である場合、マウスでプラスアイコンをクリックすると、行が選択されているreloadOnExpandが偽である場合、subgridのデータは1回しかロードされません.その後のクリックは非表示データだけを表示してajaxインタラクションはありません.
subGridModel
array
これはsubgrid列のプロパティとsubgridデータを記述する配列であり、subGridが真である場合にのみ有効になります.例えば、subGridModel:[{name:['name_1','name_2',...,'name_n'],,,,,'name_n'],width:[width_1,width_2,...,width_n],align:['left',' center',...,'right'],params:[param_1,...,param_n],mapping:['name_1_map','name_2_map',...,'name_n_map',...,'name_n_map']]}name:列のインデックスを含む列のインデックスを含む(labels)の配列width:列幅を含む配列、個数はnameの中の一致align:列の中の文字の位置合わせの状態の配列を含んで、値はleft、center、rightで、デフォルトleftparams:タイプの配列で、デフォルトは行idをサービス側に伝達するだけで、1つの追加のパラメータを追加してサービス側に伝達することができて、名前はcolModelの中のname属性値mappingであることができます:repeateditemsがfalseである場合、subgridのnameをnameでマッピングし
subgridtype
mixed
subgridのデータ型を読み込みます.デフォルトは親gridのデータ型
null
subGridWidth
integer
subgrid列の幅を設定する
true
subGridUrl
string
subGridプロパティが真である場合に有効である場合、subgridデータのパスを取得し、jqGridは行のIDをこのurlに追加し、他のパラメータを追加するにはsubGridModelを使用します.
ajaxSubgridOptions
object
ajaxのグローバルプロパティを設定することは、subgridがデータを取得すると、完了イベントを含む現在のajaxのすべての設定が上書きされます.
0
subgridを構成する前に、xmlReaderまたはjsonReaderでsubgridアイテムを構成する必要があります.デフォルトの設定はxmlReader:{...subgrid:{root:{rows",row:[row],repeatitems:true,cell:[cell]}jsonReader:{...subgrid:{root:{rows],repeatitems:true,cell:[cell]}
マッピング・ルールは、基本gridと同様に、jqGridの中国語ドキュメント(3)-データ・アクションの詳細について説明します.
次はsubGridTypeがサービス側から取得した例です
jQuery("#grid_id").jqGrid({
...
subgridtype: function(rowidprm) {
jQuery.ajax({
url:'url_to_the_service',
data:rowidprm,
dataType:"json",
complete: function(jsondata,stat){
if(stat=="success") {
var thegrid = jQuery("#grid_id")[0];
thegrid.subGridJson(eval("("+jsondata.responseText+")"),rowidprm.id);
}
}
});
},subgridrowidprmsは行idとその他のパラメータを含む配列であり、必要に応じてsubGridModelのパラメータとsubGridJsonメソッドイベントを設定する:pID:行をクリックするとサブテーブルsubGridが作成され、div要素であり、そのidはpIDである:行表示サブテーブルの行id sPostDataを展開する:subgrid応答時に発行されるデータ
≪イベント｜Events｜ldap≫
パラメータ
説明
subGridBeforeExpand
pID,id
gridを展開する前にトリガーされ、イベントはfalseまたはtrueを返し、falseを返すとsubgridのローは展開されず、開かれません.
subGridRowExpanded
pID,id
subgridが有効になり、プラス記号ボタンを展開するとトリガーされ、subgridでカスタムデータを設定できます
subGridRowColapsed
pID,id
縮小アイコンをクリックするとトリガーされ、イベントはfalseまたはtrueに戻ります.false行の場合は収縮しません.
serializeSubGridData
pID,id
このイベントはajax応答後の初期化データとして使用され、初期化されたデータ(XML、JSONなどのフォーマット)を返す必要があります.
方法:
≪イベント｜Events｜ldap≫
パラメータ
説明
subGridBeforeExpand
pID,id
gridを展開する前にトリガーされ、イベントはfalseまたはtrueを返し、falseを返すとsubgridのローは展開されず、開かれません.
subGridRowExpanded
pID,id
subgridが有効になり、プラス記号ボタンを展開するとトリガーされ、subgridでカスタムデータを設定できます
subGridRowColapsed
pID,id
縮小アイコンをクリックするとトリガーされ、イベントはfalseまたはtrueに戻ります.false行の場合は収縮しません.
serializeSubGridData
pID,id
このイベントはajax応答後の初期化データとして使用され、初期化されたデータ(XML、JSONなどのフォーマット)を返す必要があります.
subgridの無効化/有効化: