wj-group-panel ディレクティブは、grid プロパティによってFlexGrid コントロールに接続します。 次に例を示します。

<p>GroupPanelを含むFlexGridコントロール:</p>
 
<wj-group-panel grid="flex" placeholder="Drag columns here to create groups."></wj-group-panel>
 
<wj-flex-grid control="flex" items-source="data">
  <wj-flex-grid-column
    header="Country"
    binding="country">
  </wj-flex-grid-column>
  <wj-flex-grid-column
    header="Sales"
    binding="sales">
  </wj-flex-grid-column>
  <wj-flex-grid-column
    header="Expenses"
    binding="expenses">
  </wj-flex-grid-column>
  <wj-flex-grid-column
    header="Downloads"
    binding="downloads">
  </wj-flex-grid-column>
</wj-flex-grid>

wj-group-panel ディレクティブは以下の属性をサポートしています。

grid

@このGroupPanelに接続しているFlexGrid。

hide-grouped-columns

@グループ化列をオーナーグリッドで非表示にするかどうかを示す値。

max-groups

@許可されるグループの最大数。

placeholder

@グループがないときにコントロールに表示する文字列。

got-focus

& GroupPanel.gotFocus イベントハンドラ。

lost-focus

& GroupPanel.lostFocus イベントハンドラ。