次の方法で共有


カスタム ページをダイアログとして開き、クラウド フローを使用する

このサンプルは、コマンドがクリックされたときにダイアログとして開く簡単なカスタム ページを作成する方法を示しています。 カスタム ページ ダイアログからクラウド フローを呼び出すこともできます。

前提条件

コマンドの作成

まず、コマンドを置くためのテーブルとコマンド バーの場所を決定する必要があります。

  1. アプリ デザイナーを開き、モデル駆動型アプリに目的のテーブルを追加します。 詳細情報: 初めてのモデル駆動型アプリを構築する

  2. アプリを公開します。

  3. 選択 は、アプリ デザイナーの ページ 領域から目的のテーブルを選択します。

  4. 選択 ... (省略記号)、次に 選択 コマンド バー を編集します。

    アプリ デザイナーのエントリ ポイント

  5. 必要なコマンド バーの場所を 選択 し、次に 選択 編集 を選択します。 詳細情報: コマンド バーの場所

    場所の選択

  6. 選択 + 新規 をコマンド デザイナーのコマンド バーでクリックし、コマンド プロパティを入力します。詳細情報:

コマンド用の JavaScript Web リソースを作成する

注意

このコマンドのカスタマイズは、現在 JavaScript を使用してのみサポートされています。 現在、Power Fx はサポートされていません。

  1. コマンド プロパティ アクション の場合、選択 JavaScriptを実行
  2. 選択 + ライブラリを追加
  3. 選択 新規 をクリックして、新しいJavaScript Webリソースを作成します。
  4. Webリソース: 新しいブラウザ ウィンドウで、 名前 を入力し、オプションで 表示名 名前と 説明を入力します。
  5. タイプには、選択 スクリプト (JScript) を指定します。
  6. 選択 テキスト エディター
  7. JavaScript に貼り付けます。 たとえば、使用するダイアログの種類に応じて、 Navigate APIリファレンス から例をコピーして貼り付けます。
  8. 選択 保存、次に 選択 公開 をクリックして、Webリソースを保存して公開します。
  9. ブラウザー ウィンドウのタブを閉じてコマンド デザイナーに戻ります。

コマンドから JavaScript を呼び出す

  1. [JavaScriptライブラリの追加] ダイアログで、前の手順で作成したライブラリを 選択 し、次に 選択 [追加] します。

    チップ

    Webリソースが見つからない場合は、 検索 ボックスに名前を入力します。 コマンド用のJavaScriptライブラリを追加する

  2. コマンド プロパティ ペインで、JavaScript 関数の名前を入力します。 この例では、 openDialog が入力されています。

    新しいモデル駆動型アプリの名前プロンプト

  3. 必要に応じて、 可視性 ロジックを変更します。

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

関連項目

モデル駆動型アプリのカスタムページを設計する

クライアントAPIを使用してカスタム ページに移動する

カスタムページでのPowerFxの使用