グループパネル

GroupPanelコントロールを使用して、ドラッグ&ドロップ方式のグループ化UIをFlexGridコントロールに追加できます。

GroupPanelを使用するには、"wijmo.grid.grouppanel.js"ファイルをアプリケーションにインクルードし、グループ化UIを保持する要素を追加して、ページのロード時にコントロールを作成します。

// FlexGridをページに追加します。
var flex = new wijmo.grid.FlexGrid('#gridId');
// グリッドのデータをグループ化するためのGroupPanelを追加します。
var panel = new wijmo.grouppanel.GroupPanel('#panelId', { grid: flex});

AngularJSを使用する場合は、wj-group-panelディレクティブを使用できます。

<!-- グループパネルを含むFlexGridを作成します。 -->
<wj-group-panel
    grid="flex"
    placeholder="Drag columns here to create Groups"
    max-groups="4">
</wj-group-panel>
<wj-flex-grid
    control="flex" 
    items-source="data">
</wj-flex-grid>