ここ数か月間、Ignite UI for Web Components に大幅な改善を加えてきました。これらの機能強化は、ビジネス グレードの Web アプリを作成するための、さらに強力で機能満載のツールを開発者に提供することを目的としています。最新リリースでは、パフォーマンス、アクセシビリティ、全体的な UX を強化する新機能と最適化を導入しています。
これらの更新について詳しく見ていきましょう。
バージョン 4.5
Text Area コンポーネント
Ignite UI for Web Components Text Area コンポーネントは、複数行のプレーン テキスト編集コントロールを表します。これは、例えばレビューやフィードバックフォームにコメントを入力するような、ユーザーが自由形式のテキストを大量に入力することを許可したい場合に便利です。
Button Group コンポーネント
Web Components Button Group コンポーネントは、IgcToggleButtonComponents を、水平/垂直配置、単一/複数選択、切り替えを備えたスタイル付きボタン グループに整理するために使用されます。
Toggle Button コンポーネント
IgcToggleButtonComponent は、IgcButtonComponent コンポーネントと組み合わせて使用され、ツールバーのような UX を実現します。
Navigation drawer は CSS トランジションをサポートするようになりました
Toast および Snackbar コンポーネントの位置属性
バージョン 4.6
Grid 状態保持
Web Components Data Grid、Web Components Tree Grid、Web Components Hierarchical Grid の Ignite UI for Web Components 状態保持により、開発者はグリッドの状態を簡単に保存および復元できます。IgcGridState が Web Components IgcGrid に適用されると、GetState、GetStateAsString、ApplyState および ApplyStateFromString メソッドが公開され、開発者はこれを使用して、あらゆるシナリオで状態の永続化を実現できます。サポートされる機能は以下のとおりです。
- ソート
- フィルタリング
- 高度なフィルタリング
- ページング
- セルの選択
- 行の選択
- 列の選択
- 行のピン固定
- 展開
- グループ化
- 列
- 複数列ヘッダー
- 列の順序
IColumnState
インターフェイスによって定義される列プロパティ。
Snackbar コンポーネントに Action スロットが追加されました
Expansion Panel に Indicator-expanded スロットが追加されました
Select に Toggle-icon-expanded スロットが追加されました
バージョン 4.7
Tree コンポーネントの更新
Rating コンポーネントの更新
Select に Toggle-icon-expanded スロットが追加されました
バージョン 4.8
Hierarchical Grid コンポーネント
Ignite UI for Web Components の Hierarchical Data Grid は、階層的な表形式のデータを表示および操作します。最小限のコードでデータをすばやくバインドするか、さまざまなイベントを使用してさまざまな動作をカスタマイズします。このコンポーネントは、データ選択、Excel スタイルのフィルタリング、ソート、ページング、テンプレート化、列の移動、列のピン固定、Excel および CSV へのエクスポートなどの豊富な機能を提供します。Hierarchical Grid は、Flat Grid コンポーネントをベースとして構築されており、親グリッドの行の展開/縮小、詳細な情報が必要な場合に対応する子グリッドを表示する機能を拡張しました。
Combobox コンポーネントの更新
Button および Icon Button コンポーネントの更新
Navigation Bar の更新
バージョン 4.9
Button Group コンポーネントの更新
Input コンポーネントの更新
Text Area コンポーネントの更新
バージョン 4.10
Banner コンポーネント
Web Components Banner コンポーネントは、Snackbar より長い時間の表示でダイアログより控えめのメッセージを簡単に表示できます。Banner にカスタム アクション ボタンやアイコンの表示を設定できます。
Divider コンポーネント
Divider コンポーネントを使用すると、ユーザーはコンテンツを水平方向と垂直方向の両方に分離できます。
新しい Date Picker コンポーネント
Web Components DatePicker は、手動でテキストを入力して日付を入力するか、ポップアップするカレンダー ダイアログから日付を選択するために使用される機能豊富なコンポーネントです。軽量で使いやすい Web Components の DatePicker を使用すると、ユーザーは、月、年、10 年の複数の表示オプションを使用して目的の日付に移動できます。検証を追加するための通常の min、max、および required プロパティがあります。
Radio Group コンポーネントの更新
まとめ
互換性のためにシームレスに作成された Ignite UI for Web Components は、最新のテクノロジーとメジャー リリースのパワーを活用できるライブラリです。最高の Web Components UI ツールキットと関連する洞察を提供することに尽力する当社の目標は、より多くのノウハウ、新機能、強化されたパフォーマンス、改善された安定性をお客様に提供することです。一部の機能強化は、Ignite UI for Web Components GitHub リポジトリを通じて、お客様からのリクエストにより追加されました。当社は常に提案やフィードバックを受け付けています。これにより、当社は成長し、お客様の開発ニーズにより適切に対応できるようになります。
詳細が必要な場合は、以下をご覧になることをお勧めします。
その他
Medium で Ignite UI をフォローして、最新の情報を入手し、私たちが取り組んでいる最新の Web Components 関連プロジェクトについて学んでください。GitHub でスターを付けて、問題セクションの懸念事項、質問、機能リクエストに対処して、製品の改善にご協力ください。
この記事の原文は以下よりご確認いただけます。 Radoslav Mirchev (ラドスラフ・ミルチェフ) / 2024年8月8日(木)