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

  • 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 Request と入力し、詳細オプションを展開します。

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

  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. 追加したヘルプ要求ビューを選択し、設定タブに移動します。

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

    ヘルプ要求 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. インポートが完了すると通知が表示されます。 すべてのカスタマイズの公開を選択し、公開が完了するまで待ちます。

タスク - コマンド ボタンの追加

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

  1. 作成/インポートしたコマンド バー ソリューションを開きます。

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

    ヘルプ要求アプリケーションを示すスクリーンショット。

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

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

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

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

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

  6. Power Fx を選択し、続行を選択します。

  7. [ラベル] にフォローアップと入力し、アイコンの使用、プレースホルダーを選択して、[表示方法] に式の条件を表示するを選択します。

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

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

  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 日後に設定されていることを確認します。

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