この投稿では、DevExtreme JavaScript (Angular、React、Vue、jQuery) と DevExtreme コントロールに基づく ASP.NET MVC/Core の両方について、DevExtreme によって v23.2 でリリースされた主な機能のいくつかについて説明します。
DevExtreme には、従来の Web アプリケーションや次世代モバイル アプリケーションで使用するための、高性能で応答性の高い UI ウィジェットの包括的なコレクションが含まれています。このスイートには、完全に機能するデータ グリッド、インタラクティブなグラフ ウィジェット、データ エディタなどが付属しています。
DevExtreme v23.1 の正式バージョンのダウンロードを入手します(Q テクニカル エクスチェンジ: 523159565)
テーマの強化
新しい Fluent テーマ
DevExtreme v23.2 には、Microsoft Fluent からインスピレーションを得た新しい Web テーマが含まれており、次の機能が含まれます。
- 対照的な色をサポートするアクセス可能なコンポーネント。
- 2 つのモード: Fluent と Fluent Compact。
- 新しいアイコンパック。
ThemeBuilder の機能強化
v23.2 では、公式は ThemeBuilder に重要な機能拡張を追加し、コア機能を強化し、関連するユーザー エクスペリエンス/デザイン要素を拡張します。
バイトのサポート
DevExtreme コンポーネントはすでに Vite で動作しますが、いくつかの制限があります。v23.2 では、公式が既知の制限に対処する可能性があります。
UI/UXの強化
スケジューラ — 複数日の 1 日の長さに影響を与える
v23.2 では、DevExtreme Scheduler を使用して企業の勤務日オフセットを構成できるため、ユーザーは勤務シフト、タイム ゾーン、またはその他の同様の使用上の考慮事項の違いに対応できます。
カレンダー — 複数の個別の日を選択します
現在、DevExtreme Calendar コンポーネントは単一の日付選択のみをサポートしており、公式計画では、複数選択と日付範囲の選択という 2 つのモードを追加する予定です。
タブ/タブパネル — 垂直方向
v23.2 では Tab および TabPanel コンポーネントの機能を正式に拡張し、タブには垂直または水平に表示できる新しい方向オプションが含まれます。TabPanel コンポーネントはさらにカスタマイズ可能になります。新しい tabsPosition オプションを使用すると、パネルの選択した側の近くにタブを表示できるようになります。
タブ/タブパネル — 垂直方向
v23.2 では Tab および TabPanel コンポーネントの機能を正式に拡張し、タブには垂直または水平に表示できる新しい方向オプションが含まれます。TabPanel コンポーネントはさらにカスタマイズ可能になります。新しい tabsPosition オプションを使用すると、パネルの選択した側の近くにタブを表示できるようになります。
フォーム — 変更検出 (状態)
正式には変更検出が導入され、ユーザーがフォームに変更を加えたかどうかを確認し、変更が加えられた場合には変更を保存するかフォームをリセットできるようになります。
フォーム — DateRangeBox のサポート
Forms は、フィールド エディターとして新しい DevExtreme DateRangeBox コンポーネントをサポートします。
CSS バンドルのサイズを減らす
v23.2 では、テーマ ファイルを 20% 削減することでバンドル サイズを削減することが正式な計画です。
アクセシビリティ
WCAG 2.1 サポートの強化
v23.2 では、公式は引き続き UI コンポーネント ライブラリ全体のアクセシビリティ サポートを強化し、製品を WCAG 2.1 (Web コンテンツ アクセシビリティ ガイドライン) 標準とよりよく整合させる予定です。
TypeScript サポートの強化
Vue/React デモ — TypeScript、フック、コンポジション API のサポート
公式には、すべての Vue および React デモ コードは TypeScript に変換されますが、React については、JavaScript と TypeScript の 2 つのオプションが提供されます。さらに、Vue のオプション API からコンポジション API に、React のクラスからフックに移行します。
タイピングの強化
当局はコンポーネントにおける TypeScript サポートの強化を継続し、ドキュメントにさらに多くの型を追加し、TypeScript の使用法を改善することを計画しています。