フライアウトメニューを使用した優先度別レコードのフィルタリング

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：4分

    • 優先度に基づいてタスクレコードリストをフィルタリングするフライアウトメニューを構成します。

    始める前に

    必要なロール：ui_builder_admin

    この手順では、 UI ビルダー コンポーネントを使用して、動的でインタラクティブなレイアウトを作成します。コンポーネントの構成方法の詳細については、以下を参照してください。
    表 : 1. この手順で使用されるコンポーネント
    コンポーネント ドキュメントリンク
    フライアウトメニュー
    レコードリスト

    使用上のガイドライン

    手順

    1. 移動先 すべて > Now Experience フレームワーク > UI ビルダー.
    2. 作業するエクスペリエンスを開くか、または選択してエクスペリエンスを作成します 作成/挿入 > エクスペリエンス.
      エクスペリエンスの作成の詳細については、「UI ビルダー でユーザーがアプリケーションをどのように操作するかを構成する」を参照してください。
    3. ページを最初から作成します。
      ページを作成する方法の詳細については、「UI ビルダーでのページの作成」を参照してください。
    4. ステージまたはコンテンツツリーで [ コンテンツを追加 ] を選択してツールボックスを開き、 レコードリスト コンポーネントをページに追加します。
    5. [ データとスクリプト] パネルで、レコードリストコンポーネントで自動作成された リストコントローラー データリソースを選択します。
      1. テーブル を タスクに設定します。
      2. レコード数制限を 25 に設定します。
      3. [ 返されたフィールド] で、リストに表示するフィールドを追加します (この例では、[ 番号]、[ 簡単な説明]、[ 優先度]、 および [ステータス] を追加します)。
    6. [ データとスクリプト] パネルで、[ クライアントステータスパラメーター] を選択し、[ 追加] を選択します。
    7. クライアントステータスパラメーターを構成します。
      1. [名前] を priorityFilter に設定します。
      2. [ タイプ] を JSON に設定します。
      3. ページのロード時にすべてのタスクレコードが表示されるように、 初期値を["1","2","3","4","5"] に設定します。
    8. リストコントローラーのデータリソースを再度選択し、[固定フィルターを編集] を選択します。
    9. フィルター条件を構成します。
      1. 最初のフィールドを [優先度] に設定します。
      2. 演算子を次 のいずれかに設定します。
      3. 3 番目のフィールドにカーソルを合わせ、[データをバインド] アイコン を選択します。
      4. データバインディングモーダルで、[ クライアントステータス] を選択し、 priorityFilter ピルをダブルクリックまたはドラッグして、上の領域に移動します。
      5. [ 適用] を選択してバインディングを確定します。
      6. [ 適用] を選択して条件を保存します。
    10. フライアウトメニューコンポーネントを追加して構成します。
      1. コンテンツツリーで、[ レコードリスト] にカーソルを合わせ、[ 構成] アイコン を選択します。
      2. [ 前に追加] を選択します。
      3. [ フライアウト] メニューを検索し、ツールボックスから選択して 、[追加] を選択します。
      4. 構成パネルで、[ リストアイテム] にカーソルを合わせ、[ 編集] を選択します。
      5. [ モード] を JSON に設定し、既存のコードを次のアレイに置き換えます。 
        [
  {"id": "1", "label": "1 - Critical"},
  {"id": "2", "label": "2 - High"},
  {"id": "3", "label": "3 - Moderate"},
  {"id": "4", "label": "4 - Low"},
  {"id": "5", "label": "5 - Planning"}
]
      6. [Apply (適用)] を選択します。
    11. コンテンツ ツリーで、[フライアウト] メニューの下のトリガー スロットを見つけて、[コンテンツの追加] を選択します。
    12. ツールボックスからボタンを追加します。
      このボタンをクリックすると、フライアウトメニューが開きます。
    13. ユーザーがアイテムを選択したときにリストを更新し、データリソースを更新するようにフライアウトメニューを構成します。
      1. 構成パネルで [イベント] タブを選択します。
      2. フライアウトメニューの選択されたアイテムセットで、 ハンドラーの追加 を選択します。
      3. [ クライアントステータスパラメーターの設定 ] ハンドラーを選択し、[ 続行] を選択します。
      4. 次のプロパティを設定します。
        フィールド アクション
        クライアントステータスパラメーター名 リストから priorityFilter を選択します。
        イベントをトリガーした後に使用する値
        1. フィールドにカーソルを合わせ、[データをバインド] アイコン を選択します。
        2. [データタイプ]、[イベントペイロード] の順に選択します。
        3. [ピルビュー] で、値ピルをダブルクリックまたはドラッグして、上の領域に移動します。
        4. [ 適用] を選択してバインディングを確定します。
        5. [Add (追加)] を選択します。
      5. 構成パネルの [イベント] タブで、前の手順で追加したイベントの下にある [ ハンドラーの追加 ] を選択します。
      6. リスト コントローラーを見つけて REFRESH ハンドラーを選択し、[ 続行] を選択します。
        リストコントローラー:データリフレッシュ要求ハンドラーが選択されたイベントモーダル。
      7. [Add (追加)] を選択します。
      8. [Save (保存)] を選択します。
    14. ページをプレビューしてテストします。
      特定の優先度UI ビルダーフィルタリングされたレコードリストが表示されているページのプレビュー。