jqgrid - JqG​​rid - 同じレベルの複数のサブグリッド

Question

誰でも同じレベルの demo または example で複数のサブグリッドを指すことができます。私はすでにhttp://www.trirand.net/demoaspnet.aspxを見てきました。私はjavascriptで何かを探しています。

Answer 1

trirand.netのデモでは、次のように表示されます。

上の図のようなサブグリッドを作成するのは非常に簡単です。Subgrid as Gridという手法がどのように機能するかを理解する必要があります。

ユーザーが「展開」(「+」) アイコンをクリックすると、jqGrid は展開の下に空の新しい行を作成します。行 ( <tr>) はクラスを取得し"ui-subgrid"ます。行 jqGrid の内側に、メインのサブグリッド情報を持つ2つの<td>要素を交互に作成します。グリッドの最後の列まで拡張されるようにjqGrid を割り当てます。jqGrid内にemptyを作成します。空の div get unique属性は、グリッド ID の ID、文字「_」、および展開行の ID から構築されます。td.subgrid-celltd.subgrid-datacolspan<td>td.subgrid-datadiv.tabledivid

次のステップが最も重要です。jqGrid 呼び出しのsubGridRowExpandedコールバック。コールバックの最初のパラメータは、「サブグリッド」コンテンツを配置するid空の<div>( ) です。要素div.tabledivの代わりに、他の HTML フラグメントを配置できます。answerから古いデモを参照してください。したがって、「同じレベルで複数のサブグリッド」を作成するには、一意の ID を持つ 2 つの要素を配置し、jqGrid を使用してテーブルの代わりにグリッドを作成するだけです。<table><table>