私たちのコミュニティは、App Storeにクールな新しいウィジェットを絶えず追加しています。どんなウィジェットがあるか分からない場合は、以前のレビューをご覧ください。 UI ビルディング ブロック、フィードバック ウィジェット、その他の人気記事や月間レビューなど。

今週は、 ラベルセレクター25月XNUMX日に更新されたばかりの非常に便利なウィジェット^thウィジェットは、Tag-it ライブラリを使用して、インライン オブジェクト クリエーターとタグ参照セレクターを組み合わせます。これにより、後で参照できるようにエンティティにすばやくラベルを付けることができる便利なツールが完成します。ウィジェットの取得方法、モデルでの構成方法、タグ付けを高速化するための役立つ使用例をいくつか紹介します。

ラベルセレクターを使用する理由は何ですか?

ユーザーは、以前に入力または取得した情報を後で参照したいと考えることがよくあります。しかし、結果を得るためにさまざまな組み合わせのフィルターを必要とする大規模なデータ セットがアプリケーションに含まれている場合、これは困難になる可能性があります。この点を考慮すると、エンティティに事前にタグを付けて、必要な情報をすぐに見つけられるようにしておくと便利です。

ウィジェットの設定

ウィジェットを使用する最初のステップは、App Store からダウンロードすることです。Modeler 内の App Store で Label Selector を検索し、「ダウンロード」を選択すると、ウィジェットがプロジェクトに自動的にインポートされます。

ドメインモデルの構成

次のシンプルなドメイン モデルを使用してタグを構成しましょう。いくつかの属性を持つ TheData という単一のエンティティがあります。サンプル アプリケーションは、毎日大量の「TheData」レコードを入力するチームによって使用されます。頻繁に既存のデータを参照する必要があります。

このアプリケーションは、レコードのフィルタリング、作成、編集を行うことができるいくつかのページで構成されています。概要ページと、オブジェクトの詳細を編集できる NewEdit ページがあります。

基本モデルができたので、次はタグ付けを統合します。ページを更新する前に、ラベルを表すエンティティを作成する必要があります。これはドメイン モデルに追加され、タグ付けするオブジェクトに関連付けられます。ここでの関連付けの方向に注意してください。以下の更新されたドメイン モデルでは、タグ エンティティの Caption 属性にタグが含まれます。タグの所有者と作成日を保存することをお勧めします。

UIの更新

ドメイン モデルが確立されたら、タグを作成および表示するための UI をユーザーに提供する必要があります。Label Selector パッケージを任意のページにドロップすると、適切なインターフェイスを作成できます。これを Data_NewEdit ページに追加し、Tag エンティティをラベルとして使用するように構成します。

この設定ウィンドウでは、いくつかのプロパティが利用可能です。ユーザーが新しいラベルを作成するか、既存のオプションのみを使用するかを設定できます。ラベルが作成された後にマイクロフローをトリガーすることもできます。プロパティの完全なリストとその使用方法については、README をご覧ください。 こちら.

ユーザーがタグ付けされたアイテムを検索できるようにするには、図のように Data_Overview ページにフィルターを追加します。これにより、ユーザーはタグ付けしたアイテムをすぐに見つけることができます。

ラベルセットでアプリケーションを拡張する

ユーザーは通常、一連のフィルターを通じてレコードのコレクションを見つけ、ラベル セレクターを使用してこのコレクションを「セット」にします。コレクションにつながるフィルターの完全なセットを再作成する代わりに、ユーザーは作成されたタグでフィルターするだけです。これを実現するには、ユーザーがエンティティのグループ全体に一度にタグを付けることができるマイクロフローを提供する必要があります。この問題に対する 1 つの解決策を次に示します。

1) データへの参照セットの関連付けと、タグ エンティティへの関連付けを持つ TagHelper というエンティティを作成します。

2) データのリストを受け取り、そのリストを新しい TagHelper オブジェクトに関連付ける Microflow を作成します。

3) この新しいTagHelperオブジェクトをラベルセレクタウィジェットを含むページに渡します。ウィジェットは、関連付けTagHelper_Tagを使用してラベルを設定する必要があります。

4) 最後に、ページ上にマイクロフローを作成し、データ オブジェクトのコレクションを取得し、タグを取得して、データとタグの関連付けを設定します。

Data_Overview ページで、ステップ 1 のマイクロフローを呼び出すアクションを作成します。複数選択を使用してユーザーの選択を渡すか、リストのコンテンツ全体を渡すかを選択できます。

設定が完了すると、リスト内のすべてのアイテムに同じタグが付けられます。

タグハウスキーピング

アプリケーションがラベル セレクターを利用するように設定されたので、検討する必要がある管理項目がいくつかあります。管理者が誤って作成されたタグを作成、削除、または更新できるタグ管理ページを作成することをお勧めします。これは、ユーザーが独自のタグを作成できないようにし、代わりにリストから選択するように強制する場合に必要です。

GitHubで探す

新しいApp Storeのコンテンツの多くと同様に、ラベルセレクタウィジェットには GitHubリポジトリ私たちの活発なオープンソース コミュニティは、既存のウィジェットを強化し、一緒に素晴らしい新しいコンテンツを作成するために絶えず取り組んでいます。今後、追加機能がリリースされる予定なので、このウィジェットに注目してください。やる気があれば、リポジトリをダウンロードして自分で新しい機能を追加してください。

モデリングを楽​​しんでください！