新しいチャンクが読み込んだ後に発生するイベント。

<ng-template igxFor [igxForOf]="data" [igxForScrollOrientation]="'horizontal'" (chunkLoad)="loadChunk($event)"></ng-template>

loadChunk(e){
alert("chunk loaded!");
}

startIndex、endIndex、totalCount の現在の状態情報を出力するためにチャンクの読み込みで発生されるイベント。 igxFor データのリモートのロードオンデマンドを実装するために使用できます。

<ng-template igxFor [igxForOf]="data" [igxForScrollOrientation]="'horizontal'" (chunkPreload)="chunkPreload($event)"></ng-template>

chunkPreload(e){
alert("chunk is loading!");
}

igxForOf のレンダリングされたコンテンツのサイズが変更された後に発行されるイベント。

データが編集された後に発生するイベント。

<ng-template igxFor [igxForOf]="data" [igxForScrollOrientation]="'horizontal'" (dataChanged)="dataChanged($event)"></ng-template>

dataChanged(e){
alert("data changed!");
}

Input

スクロールする軸でコンテナーの px 単位のサイズを設定する @Input プロパティ。 "horizontal" 方向の場合、この値はコンテナーの幅で、"vertical" 方向の場合、値はコンテナーの高さです。

<ng-template igxFor let-item [igxForOf]="data" [igxForContainerSize]="'500px'"
     [igxForScrollOrientation]="'horizontal'">
</ng-template>

Input

スクロールする軸で項目の px 単位のサイズを設定する @Input プロパティ。 "horizontal" 方向の場合、この値は列の幅で、"vertical" 方向の場合、値は行の高さです。

<ng-template igxFor let-item [igxForOf]="data" [igxForScrollOrientation]="'horizontal'" [igxForItemSize]="'50px'"></ng-template>

Input

描画するデータを設定する @Input プロパティ。

<ng-template igxFor let-item [igxForOf]="data" [igxForScrollOrientation]="'horizontal'"></ng-template>

水平と垂直の両方向にスクロールする仮想テンプレートを作成するために親 igxFor ンスタンスをオプションに渡します。

<ng-template #scrollContainer igxFor let-rowData [igxForOf]="data"
      [igxForScrollOrientation]="'vertical'"
      [igxForContainerSize]="'500px'"
      [igxForItemSize]="'50px'"
      let-rowIndex="index">
      <div [style.display]="'flex'" [style.height]="'50px'">
          <ng-template #childContainer igxFor let-item [igxForOf]="data"
              [igxForScrollOrientation]="'horizontal'"
              [igxForScrollContainer]="parentVirtDir"
              [igxForContainerSize]="'500px'">
                  <div [style.min-width]="'50px'">{{rowIndex}} : {{item.text}}</div>
          </ng-template>
      </div>
</ng-template>

Input

スクロール方向を指定する @Input プロパティ。 スクロール方向を "vertical" または "horizontal" に設定できます。

<ng-template igxFor let-item [igxForOf]="data" [igxForScrollOrientation]="'horizontal'"></ng-template>

Input

データ オブジェクトのサイズを読み込むためのプロパティ名を設定する @Input プロパティ。

ディレクティブの現在の状態。startIndex および chunkSize を含みます。 state.startIndex - 現在の表示チャンクが開始する項目のインデックス。 state.chunkSize - 現在表示されているチャンクが保持する項目数。 これらのオプションは、必要な状態情報が提供されるため、リモート仮想化を実装する際に使用できます。

const gridState = this.parentVirtDir.state;