wijmo.vue2.grid.grouppanel モジュール

本コンポーネントでは、純粋なJavaScript wijmo.grid.grouppanel.GroupPanel クラスのすべてのプロパティとイベントがサポートされます。

これには、コントロールがページに追加された後で初期化されるときに発生するinitializedイベントが含まれます。 このイベントを使用し、マークアップでプロパティを設定するだけでなく、さらに初期化を実行できます。 ハンドラー関数のシグネチャは、他のWijmoイベントハンドラーと同じです。

以下の例は、Vueでwijmo.grid.grouppanel.GroupPanelとwijmo.grid.FlexGridをインスタンス化して接続する方法を示しています。

<wj-group-panel
  id="thePanel"
  placeholder="ここに列をドラッグしてグループを作成します">
</wj-group-panel>
<wj-flex-grid
  id="theGrid"
  :items-source="data">
</wj-flex-grid>

var app = new Vue({
  el: '#app',
  // グループパネルとグリッドを接続します
  mounted: function () {
    var panel = wijmo.Control.getControl(document.getElementById('thePanel'));
    var grid = wijmo.Control.getControl(document.getElementById('theGrid'));
    panel.grid = grid;
  }
});