インフラジスティックス・ジャパン株式会社Blog

インフラジスティックス・ジャパン株式会社のチームメンバーが技術トレンド、製品Tips、サポート情報からライセンス、日々の業務から感じることなど、さまざまなトピックについてお伝えするBlogです。

トップ > Angular > Ignite UI for Angular 13.1.0 リリースノート

Ignite UI for Angular 13.1.0 リリースノート

Angular Web開発 技術記事 製品情報
Facebook Twitter Pocket Hatebu

Ignite UI for Angularリリースノート

インフラジスティックス・ジャパン株式会社、ローカライゼーションのデニです。Ignite UI for Angular  13.1.0 リリースいたしました。本リリースでは、新機能が含まれています。詳細は以下をご覧ください。

  • Typedoc と Sass の API サイトで表示するバージョンを選択いただけますが、製品リリースから同バージョンの API ご提供までには通常数日いただいております。また前バージョンリリース以降に API の追加/変更がない場合、最新バージョンはドロップダウンに追加されない場合があることにご注意ください。

はじめに

Ignite UI for Angular は、50 種類以上のマテリアルデザインに対応する Angular 対応コンポーネントです。モバイル向けのコンポーネントだけではなく、データグリッドや、コンボ、カレンダーなど、業務アプリで必須の機能を持ったコンポーネントを提供しています。

Ignite UI for Angular のバージョニング

Ignite UI for Angular は、有名なセマンティックバージョニングとは異なる方式でバージョンがつけられています。詳しくは下記の記事をご覧ください。

Ignite UI for Angular 13.1.0 リリースノート

ここからは、GitHub の 13.1.0 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

      • IgxPivotGrid コンポーネントの追加 (プレビュー)
        • igxPivotGrid は、ピボット テーブルにデータを表示するためのデータ表示コントロールです。ユーザーは提供されたデータで複雑な解析を実行できます。主な目的は、データのフラット配列を、ユーザーがビジネス ニーズに応じて指定できる、行、列、値の 3 つの主要なディメンションに基づいて集計された値を持つ複雑なグループ化された構造に変換して表示することです。ピボット グリッド構成全体は、IPivotConfiguration インターフェイスを介して設定されます。
        <igx-pivot-grid [data]="origData" [pivotConfiguration]="pivotConfigHierarchy">
</igx-pivot-grid>
      • IgxTreeGrid
        • Excel スタイル フィルタリング UI でツリー フィルター項目のサポートが追加されました。TreeGridFilteringStrategy コンストラクターを使用して、ツリー フィルター項目を表示する列を指定します。
      • igxTooltipTarget ディレクティブで、igxTooltip ディレクティブで装飾された DOM 要素を追加せずにプレーン テキストのツールチップを指定できるようになりました。これは、新しく導入されたtooltip 文字列入力を介して実現されます。 
        <button igxTooltipTarget [tooltip]="'Infragistics Inc. HQ'">
   info
</button>
      • IgxTabs は、右から左 (RTL) を完全にサポートしています。
      • IgxExcelExporterService
        • データが空の場合、デフォルトでグリッドのヘッダーをエクスポートするためのサポートが追加されました。この動作は、IgxExcelExporterOptions オブジェクトの alwaysExportHeaders オプションによって制御できます。

一般

    • IgxGrid、IgxTreeGrid、IgxHierarchicalGrid
      • 重大な変更 - IgxColumnComponent の movable プロパティは非推奨になり、将来のバージョンで削除される予定です。代わりに、グリッド レベルで新しく公開された moving プロパティを使用します:
      <igx-grid [data]="data" [moving]="true">
    <igx-column field="Name"></igx-column>
    <igx-column field="Age"></igx-column>
</igx-grid>
      • 重大な変更 - getFilterItems メソッドが IFilteringStrategy インターフェイスに追加されました。新しいメソッドを使用すると、Excel スタイル フィルタリング UI の列に表示されるリストまたはツリー フィルター項目のいずれかを取得できます。IFilteringStrategy インターフェイスを独自に実装している場合は、新しいメソッドを実装する必要があります。それ以外の場合は、すでに新しいメソッドを実装している BaseFilteringStrategy クラスまたはそのサブクラスのいずれかから派生できます。
      • 対応する IgxForOf イベント の再発生である 3 つのグリッドの dataChanging イベントと dataChanged イベントを公開しました。これらは、データ ビューが変更されるたびに発生する実際のデータの再描画をトリガーする、入力変更の開始と終了を示します。これは、グリッドがバインドされているデータ、またはこのデータを変更する操作 (並べ替え、フィルタリング、グループ化など) に影響を与える状態のいずれかが変更された後に発生します。
      • スクロール可能なコンテナーを含むテンプレートを含むセル上でマウスホイールを使用してスクロールすると、グリッド本体がスクロールする前に、これらの内部コンテナーが正しくスクロールされるようになりました。
    • IgxToast
      • 重大な変更 - トーストの非推奨の position プロパティが削除されました。代わりに positionSettings プロパティを使用することをお勧めします。

      サンプル

      Ignite UI for Angular を初めて使う、という方は是非こちらから

      Angular API

      Ignite UI for Angular の API はこちらから

      ナレッジベース

      お客様の問題解決に役立つナレッジベースを公開しています。

      ナレッジベースはこちらから

      https://kb.jp.infragistics.com/