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

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

前提条件

コマンドの作成

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

  1. アプリ デザイナーを開き、モデル駆動型アプリに目的のテーブルを追加します。 詳細: アカウント テーブル ページのあるモデル駆動型アプリを作成する

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

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

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

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

  5. 目的のコマンド バーの場所を選択してから、編集 を選択します。 詳細: コマンド バーの場所

    場所の選択

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

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

注意

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

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

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

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

    ヒント

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

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

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

  3. オプションで、可視性 ロジックを変更します。

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

関連項目

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

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

カスタム ページで PowerFx を使用する