5.20193.637
WjGroupPanel Wijmo API クラス

WjGroupPanel クラス

GroupPanel コントロール用のAngularJSディレクティブ。

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 イベントハンドラ。

階層

  • WjDirective
    • WjGroupPanel