演習 - コマンド バーをカスタマイズする

  • 9 分

この演習では、ヘルプ要求テーブル フォームにコマンド バー ボタンを追加します。 このボタンは、有効なヘルプ要求に対して表示されます。 クリックすると、ヘルプ要求に対する新しいタスクが作成されます。

重要

Microsoft Dataverse がプロビジョニングされていて、サンプル アプリが有効になっているテスト環境を使用してください。 テスト環境がない場合は、ここでコミュニティ計画に新規登録できます。

タスク - 環境の準備

このタスクでは、ソリューション、新しいヘルプ要求テーブル、モデル駆動型アプリケーションをこの順序で作成します。 このタスクをスキップして開始ソリューションを使用する場合は、ソリューションのインポート タスクに進みます。

  1. Power Apps Maker portal に移動して、サンプル アプリが有効になっている正しい環境にいることを確認します。

    環境名を示すスクリーンショット。

  2. ソリューションを選択します。

  3. + 新しいソリューションを選択します。

  4. 表示名に Command Bar と入力し、公開元で CDS default publisher (CDS の既定の公開元) を選択して、作成を選択します。

    新しいソリューションのプロパティを示すスクリーンショット。

  5. 作成した Command Bar ソリューションを開きます。

  6. + 新規 を選択し、テーブル > テーブル (高度なプロパティ) を選択します。

  7. [表示名] に Help Request、[複数形の名前] に Help Requests と入力して自動的に設定されたら、詳細オプション を展開します。

    新しいテーブルの作成ダイアログを示すスクリーンショット。

  8. 下にスクロールして このテーブルを次の場合にオプションにする セクションに移動し、新しい活動の作成 チェックボックスをオンにして、保存 を選択します。

    活動のテーブルの有効化チェックボックスを示すスクリーンショット。

  9. 作成した Help Request テーブルを展開し、列を選択します。

    テーブルの列ボタンを示すスクリーンショット。

  10. ステータスの理由列を開きます。

    ステータスの理由ダイアログを示すスクリーンショット。

  11. 新しい選択を選択します。

    新しい選択の追加ボタンを示すスクリーンショット。

  12. [ラベル] に解決済みと入力し、保存を選択します。

    ステータスの理由の選択に新しい選択が追加された場合のスクリーンショット。

  13. フォームを選択し、メイン フォームを開きます。

    テーブル フォームを示すスクリーンショット。

  14. ステータスの理由列をドラッグし、フォーム ヘッダーにドロップします。

    フォーム ヘッダーに、ステータスの理由列が追加される場合を示すスクリーンショット。

  15. 保存して公開を選択し、フォームが公開されるまで待ちます。

  16. 戻る ボタンを選択します。

  17. アプリ を選択します。

  18. + 新規 を選択し、続いて アプリ、モデル駆動型アプリ の順に選択します。

    新しいモデル駆動型アプリケーションを作成するボタンを表示するスクリーンショット。

  19. [名前] に Help Request アプリ と入力し、作成を選択します。

  20. ナビゲーション ... ボタンを選択し、New group を選択します。

    ナビゲーション グループを示すスクリーンショット。

  21. プロパティ ペインに移動します。

  22. [タイトル] を 要求 に、[ID] を help_requests_group に変更します。

    ナビゲーション グループのプロパティを示すスクリーンショット。

  23. 次に、キャンバス左側のペインにある ナビゲーション の下から 要求... を選択し、新しいページ を選択します。

  24. コンテンツ タイプに Dataverse テーブル を選択してから、次へ を選択します。

  25. テーブルに Help Request を選択し、追加を選択します。

    ナビゲーション サブエリアのプロパティを示すスクリーンショット。

  26. 追加した Help Requests ビューを選択し、キャンバス右側のペインにある 設定 タブに移動します。

  27. [ID] を help_requests_subarea に変更します。

    help request ID を示すスクリーンショット。

  28. 保存を選択し、アプリケーションが保存されるまで待ちます。

  29. 公開を選択し、アプリケーションが公開されるまで待ちます。

  30. 戻るボタンを選択します。

    [戻る] ボタンを示すスクリーンショット。

  31. すべてのカスタマイズの公開 を選択し、公開が完了するまで待ちます。

タスク - ソリューションのインポート

このタスクでは、開始ソリューションを環境にインポートします。 このタスクを完了する必要があるのは、上記の環境タスクの準備を完了できない場合のみです。 環境タスクの準備を完了した場合は、[コマンド ボタンの追加] タスクに進みます。

  1. GitHub 内の CommandBar_1_0_0_1.zip ソリューション ファイルをダウンロードし、コンピューターにローカルに保存します。

  2. Power Apps Maker Portal に移動して、サンプル アプリが有効になっている正しい環境にいることを確認します。

  3. ソリューションを選択します。

  4. ソリューションのインポートを選択します。

  5. 参照を選択します。

  6. ダウンロードしたファイルを選択して、開くを選択します。

  7. 次へを選択します。

  8. インポートを選択し、ソリューションのインポートが完了するまで待ちます。

    ソリューションのインポート ダイアログを示すスクリーンショット。

  9. インポートが完了すると通知が表示されます。 すべてのカスタマイズの公開 を選択し、公開が完了するまで待ちます。

タスク - コマンド ボタンを追加する

このタスクでは、Help Requests テーブルのメイン フォームに新しいコマンド ボタンを追加します。

  1. 作成/インポートした Command Bar ソリューションを開きます。

  2. アプリ を選択し、Help Request App を開きます。

    help request アプリケーションを示すスクリーンショット。

  3. Help Request ビューの省略記号 (...) ボタンを選択し、コマンド バーの編集 > 編集を選択します。

    [コマンド バーの編集] ボタンを示すスクリーンショット。

  4. メイン フォームを選択し、編集を選択します。

  5. 新規を選択し、コマンドを選択します。

    新しいコマンドの追加ボタンを示すスクリーンショット。

  6. Power Fx を選択し、続行 を選択します。 コンポーネント ライブラリを作成 が完了し、ポップアップが消えるのを待つ必要があります。

  7. キャンバスで 新しいコマンド が選択された状態で、[ラベル] に Follow Up と入力し、アイコンの使用、プレースホルダー の順に選択して、[表示方法] に 式の条件を表示する を選択します。

    コマンドのプロパティを示すスクリーンショット。

  8. [ツールヒントのタイトル]、[ツールヒントの説明]、[アクセシビリティ テキスト] に Follow Up と入力します。

  9. 数式バーに移動して 表示 を選択し、この式を貼り付けます。 ヘルプ要求がアクティブな場合はこの Power Fx 式がボタンを表示し、解決された場合はボタンを非表示にします。

    If(Self.Selected.Item.'Status Reason' =  'Status Reason (Help Requests)'.Active, true, false)

    コマンド ボタンの表示方法の式を示すスクリーンショット。

  10. 保存して公開を選択します。

  11. 公開が完了するまで待ちます。

  12. 再生を選択します。

    [再生] ボタンを示すスクリーンショット。

  13. + 新規を選択します。

  14. [名前] に表示方法のテストと入力し、保存を選択します。

    新しいヘルプ要求レコードを示すスクリーンショット。

  15. フォローアップ コマンド ボタンが表示されます。 [ステータスの理由] を解決済みに変更します。

    ステータスの理由の値を示すスクリーンショット。

  16. 保存を選択します。

  17. フォローアップ コマンド ボタンが表示されなくなります。

    フォローアップ ボタンのないコマンド バーを示すスクリーンショット。

  18. [ステータスの理由] をアクティブに変更します。

  19. 保存を選択します。

  20. フォローアップ コマンド ボタンが再度表示されます。

  21. アプリケーション ブラウザーのウィンドウまたはタブを閉じます。

  22. これで、コマンド バー エディターに戻ります。 このページから移動しないでください。

タスク - ボタンの追加アクション

このタスクでは、コマンド ボタンがクリックされてから 1 週間以内が期限である新しいタスクを作成する Power Fx 式を追加します。

  1. コンポーネント ライブラリを開くを選択します。

    コンポーネント ライブラリを開くボタンを示すスクリーンショット。

  2. データ タブを選択し、データの追加を選択します。続いて、タスクを検索し、タスク テーブルを選択します。

    データの追加ダイアログを示すスクリーンショット。

  3. 保存 を選択します。

  4. 公開を選択します

  5. このバージョンの公開を選択します。

  6. コンポーネント ライブラリのブラウザー ウィンドウまたはタブを閉じます。

  7. 再開を選択します。

    コマンド バー ポップアップの編集の再開を示すスクリーンショット。

  8. 追加したフォローアップ コマンド ボタンを選択します。

  9. 数式バーに移動し、OnSelect を選択します。

    フォローアップ ボタンの on-select アクションを示すスクリーンショット。

  10. 数式バーにこの式を貼り付けます。 この式では、現在のヘルプ要求のタスクが作成され、ボタンをクリックして通知を表示した時点の 1 週間後に期限が設定されます。

    Patch(Tasks, {Subject: Self.Selected.Item.Name, Regarding: Self.Selected.Item, 'Due Date': DateAdd(Now(),7) }); Notify("Created new task")

    on-select コマンドの式を示すスクリーンショット。

  11. 保存して公開を選択します。

  12. 変更が公開されるまで待ちます。

  13. 再生を選択します。

  14. 表示方法のテスト ヘルプ要求レコードを開きます。

  15. フォローアップ ボタンを選択します。

    フォローアップ コマンド ボタンを示すスクリーンショット。

  16. 通知が表示されます。 関連するの山型のボタンを選択し、活動を選択します。

    関連活動ボタンを示すスクリーンショット。

  17. 作成されたタスクが表示されます。 期限が現在の日付から 7 日後に設定されていることを確認します。

    作成されたタスク レコードを示すスクリーンショット。