クラッシュコース101
10 モジュール
5 週

リラセレクト

クリックでコピー

Relselectコンポーネントの使用方法


さて、類似の方法で、都市の一覧のページを作ることができます。唯一の重要な違いは、都市を作成するときに、その都市が位置する国を選択しなければならないことです。

Relselect 構成要素

この機能を実装するには Relselectコンポーネントは、この機能を実装するのに適しています。すでにデータベースに入力されているデータを一覧から選択することができます。例題で見てみましょう。

コンポーネントを追加すると Relselectコンポーネントを追加すると、その初期設定手順が開始されます。データソースを選択する必要があり (ここでは国のリストに興味があるので Countryモデル)、表示フィールド(name が最も論理的な選択肢ですが、他の選択肢もあります)、そしてSingle またはMultiple モード(都市は 1 つの国にしか存在できないので、Single を選択します)です。


次のステップは、選択できるようになる国のリストを取得することです。この作業は、データを表に表示するために必要だったものと似ています。最初はどのコンポーネントも空であり、データを取得するためには、データベースに適切な要求をする必要があることを忘れないでください。

を使ってみましょう。 onCreateトリガーを使って、コンポーネントが作成された瞬間に実行し、データベースクエリーを Server request GET /Country/ブロックを使ってデータベースクエリを実行し、受信したデータを RelSelect Update Propertiesブロックで受信したデータを追加します。


国のリストが選択できるようになります。あとは、新しい都市を追加するときに、選択された値を見つけ、それを保存するだけです。必要なのは RelSelect Get Propertiesブロックとその Selected出力パラメータが必要です。


すべてが正しく行われたのであれば(そして _withパラメータが使用された場合)、国のリストには、その国にある都市の情報が含まれています。


Was this article helpful?
まだ答えをお探しですか?