リアクティブコンポーネント

リアクティビティとは何ですか?

リアクティビティとは、コンポーネント同士が「やり取り」できることを意味します。ユーザーがあるコンポーネント(例:データテーブルで行を選択するなど)とやり取りすると、ページ上の他のコンポーネントが 自動的に その変更を反映するように更新されます。これにより、静的なページよりもはるかに動的で直感的なユーザー体験が生まれます。

主な利点:

  • 簡略化された開発: コンポーネントを接続するために複雑なコードや数式を書く必要がありません。

  • 応答性の高いインターフェース: UIが「生きている」ように感じられ、変更が即座に反映されます。

  • データの一貫性: 自動更新により、すべてのコンポーネントが一貫した情報を表示します。

  • 保守が容易: ある箇所での変更が自動的に伝播され、エラーを減らします

Avonni Dynamic Componentsにおけるリアクティビティの仕組み

Avonni Dynamic Componentsはリアクティビティを簡単にします。すべてはコンポーネントをその テーブルに提供されるデータ.

以下が主要な概念です。

主要な概念

Avonni Query Data Source

The Avonni Query Data Source がリアクティビティの基盤です。これには次の目的があります:

  • 動的フィルタリングのサポート: フィルタは、他のコンポーネントの属性を含め、Dynamic Component内の値に依存できます。

  • 自動的な再クエリ: 参照された値が変わると、クエリは自動的に再実行され、接続されたコンポーネントが更新されます。

  • 効率的な更新: 頻繁なデータ変更に最適化されています。

直接属性参照

これらの動的リンクは、次を使用して作成します。 直接属性参照。これはコンポーネントを接続するための、シンプルで視覚的な方法です (アスペクト比を 複雑な数式を書く代わりに。

:最大値。

最終更新

役に立ちましたか?