コントロールの拡張機能

[アーティクル]
03/08/2023

この記事では、開発者がユーザーインターフェイスを拡張し、新しいユーザーインターフェイスパターンを定義できるようにするアーキテクチャについて説明します。

既存のアプリケーションユーザーインターフェイス (UI) を拡張、および完全に新しい UI パターンを定義して魅力的な新しいユーザーエクスペリエンスを作成することができます。 HTML5、CSS3、jQuery などの最新ツールを使用することにより、開発者は業務データのカスタマイズされた視覚エフェクトを定義し、プログラムの相互作用パターンを大幅に強化することができます。

サーバー側アーキテクチャ

コントロール拡張フレームワークは、サーバー側データアクセスおよびビジネスロジックを開発するために既存の使い慣れた X++ 言語を活用します。開発者が拡張可能なコントロールを作成するために書くコードに人為的な制限はありません。代わりに、開発者は一連の X++ クラスおよびメソッドの属性を通じてモデリング経験およびランタイムの動作を宣言的に定義できます。開発者は、1 つのクラスをデザイン時の動作 (X++ Build クラス) に、1 つのクラスを実行時の動作 (X++ RunTime クラス) に定義します。

X++ ビルドクラスでは、属性によってプロパティシートでのカスタムプロパティ、子コントロールの追加、追加のモデリングコンポーネントなどのデザイン時の動作を定義できます。
X++ ランタイムクラスでは、拡張可能コントロールがクライアントからアクセスする実行時のプロパティとコマンドを定義するために属性が使用されます。 X++ ランタイムクラスは、プロパティシートで指定されている値とデータバインディングに基づき、X++ 構築クラスを使用して、実行時のプロパティを初期化します。

クライアント側のアーキテクチャ

コントロールのクライアント側の動作は、HTML と JavaScript を使用して定義されます。モデル - ビュー - ViewModel アーキテクチャにおいては、コントロールの HTML が View で、JavaScript はビューモデルです。コントロール拡張フレームワークは、HTML ビューの要素を JavaScript ビューモデルでデータフィールドおよびプロパティにバインドできるようにする HTML 形式のバインディング構文を提供します。さらに、フレームワークによって、ビューモデルプロパティや業務データの変更に対処できる条件式や論理評価を基に定義する視覚化動作が可能です。 JavaScript ビューモデルは、コントロールの X++ ランタイムで定義されているプロパティとコマンドに基づいて、実行時に自動的に生成されます。この自動的に生成されたビューモデルを使用すると、開発者は X++ で定義されているプロパティとコマンドを使用する HTML ビューを定義できます。開発者が追加のクライアント側のプロパティとコマンドを必要とする場合や、HTML ビューで宣言的に定義できない視覚化動作を実装する場合は、自動的に生成されたビューモデルを拡張することができます。開発者は、強力な jQuery ライブラリと組み合わせて JavaScript フレームワークを利用することができます。