コンテンツにスキップ
App Builder Release: Navigation with Route Parameters, Dependent Variables & More

アプリビルダーのリリース: ルートパラメータ、従属変数などを使用したナビゲーション

クラウドベースのビジュアル ビルダー、ローコード機能、新機能を備えた App Builder は、あらゆる組織にとって必須のツールです。最新のアップデートをご覧ください。

5分で読めます

App Builder TMの 2 月のアップデートがリリースされ、待望の機能が含まれています。アプリケーション状態のサポートの一環として、App Builderの変数を使用すると、特別な種類の変数であるルート パラメーターを使用してアプリケーション内のナビゲーションが容易になります。

App Builderについて学ぶのが初めてであれば、なぜあなたの組織のアプリケーション開発プロセスにおける重要なツールとして、 を検討する必要があるのか、その理由を手短に説明しよう:

  • ビジュアル アプリ ビルダー - 製品マネージャー、デザイナー、開発者、関係者のための統合プラットフォーム。
  • クラウドベースの WYSIWYG ドラッグ アンド ドロップ ツールにより、企業はこれまでより 80% 速く完全なビジネス アプリを設計および構築できます。
  • FigmaおよびSketchデザインから、本番環境に対応したBlazorコードAngularコード、Web Componentsコードを生成するローコード ツールです

Infragistics のローコードApp Builderの新機能と魅力を見てみましょう。

ルートパラメータを使用したアプリナビゲーション

ルート パラメーターは変数として機能し、ユーザーが値を作成して保存したり、値を割り当てたり、アプリケーション内の他のプロパティにバインドしたりすることができます。ただし、これらのルート パラメーターには、ユーザーがアプリ内でナビゲーションを構築できるようにするという特定の主な用途があります。ナビゲーション ルートにパラメーター バインディングが必要な場合、ユーザーはルート パラメーターをバインドしてこのプロセスを容易にすることができます。

ルートパラメータを使用したアプリナビゲーション

ルートパラメータを作成する

ルートパラメータの作成

ナビゲートアクションを作成する

アプリ変数とルートパラメータの主な違い

以下に留意すべき点をいくつか示します。

  • ルート パラメータは子ビューでのみ作成でき、子ビューは特定のナビゲーション ルートのランディング ページとして機能する場合があります。
  • ルート パラメータは、`string`、`numeric`、または `boolean` 型のみにすることができます。他の型のサポートは、将来のバージョンで導入される予定です。
  • ルート パラメータは初期値をサポートしますが、`boolean` ルート パラメータは `FALSE` 初期値のみをサポートします。
  • ルート パラメーターは、変数設定アクションのターゲット変数ではありません。

ルートパラメータを作成する方法

ユーザーは、次の 2 つの方法でルート パラメータを作成できます。

  • 変数セクションの「新しい変数」>「ルート パラメータフロー」を使用します。
  • プロパティ パネルの一部であるルート パラメータ セクションの+ 追加ボタンを使用します。

パラメータ名は変数と同じ検証を受けます。

従属変数とは何か

App Builderユーザーがビュー レベルとアプリケーション レベルで状態変数とコンテキスト変数を定義して、高度なデータ フローのアプリケーションを作成できる機能を提供します。このリリースでは、一連のアクションでデータ フローを順番に定義できるようになりました。次のデータ フローを例に挙げます。

Customers -> Customer Orders -> Order Details

このシナリオでは、CustomersリストからCustomer を選択すると、特定のCustomerIDの変数を介して、UI がCustomer Ordersのリストで更新されます。Customer Ordersから注文を選択すると、UI の別の部分で、特定の OrderIDの変数を介して、特定の注文詳細が更新されます。CustomerID とOrderID の2 つの変数親子関係で関連しており、UI を介してこれらを構成する手段が提供されます。このシナリオでは、データ フロー定義は、CustomerIDの値を変更するとOrderIDの値が自動的にリセットされるようにします。これは、新しいOrderID がユーザー操作によって提供される必要があるためです。

カスケード コンポーネントの設定を中心に展開する他のシナリオも考えられます。たとえば、カスケード コンボ (国 -> 州 -> 市) で 1 つをクリアするとカスケード内の残りがリセットされる、または開始と終了の 2 つの日付ピッカーがある予約フィルターで開始を変更すると終了を自動的にクリアする必要がある場合などです。

Dependent Variables in App Builder

「変数の設定」アクションの静的値入力機能

App Builder変数設定アクションの使用時にソースの静的値を入力できます。これは、エディターコンポーネント(変数タイプに基づく) を通じて可能です。以前は、変数の初期値を設定するときにプレーンな文字列の使用のみを公開していました。そして、これは変更されました。以下は、データ タイプに基づくさまざまなエディターです。

  • 文字列 (デフォルト) - 文字列値を入力できる入力コンポーネント。
  • 数値 – 入力が数値のみを受け入れるように検証する入力コンポーネント
  • ブール値 - true/false ドロップダウン - デフォルトは false
  • 日付 – 日付ピッカー コンポーネントを使用します。
静的値入力機能

まとめ

結論として、App Builderはアプリ開発プロセスのゲームチェンジャーである。クラウドベースのビジュアル・ビルダー、ローコード機能、そして新機能を備えたこのツールは、あらゆる組織にとって必携のツールだ。今すぐお試しください!より詳細な情報が必要な場合は、こちらをご覧ください:

すべてを体験するには、カスタマーポータルにアクセスして最新バージョンを入手してください。いつものように、私たちは常にあなたのフィードバックを得て、あなたが追加したいものや推奨したいものを聞くことを楽しみにしています。ですから、zkolev@appbuilder.devまでメールでご連絡いただき、インフラジスティックスでお客様に価値を提供し続けるお手伝いをさせていただきます。

App Builder Release: Navigation with Route Parameters, Dependent Variables & More
デモを予約