PowerApps for SharePointリストでタブ付きフォームを作成する方法

PowerApps for SharePointリストでタブ付きフォームを作成する方法

このPowerAppsチュートリアルでは、PowerAppsのタブとは何か、PowerAppsアプ これは、SharePointリストのPowerAppsでタブ付きフォームを作成する方法の完全な例です。

また、簡単なシナリオを取ることで、PowerApps画面のPowerAppsタブをどのように使用できるかを確認します。

PowerAppsタブとは何ですか?

• タブは、フォームまたはウィンドウの上部にあるボタンまたはクリック可能な入力コントロールです。 このタブは、ユーザーがクリックしたときに別のページまたは領域を表示するのに役立ちます。 ユーザーがタブをクリックすると、いくつかの機能が実行されます。
• 同様に、PowerAppsタブ付きフォームは、グループ項目を作成し、フォームの表示サイズを管理しやすくするために使用されます。
• これまでPowerAppsにはタブ付きフォームはありません。 そのため、Powerapps入力コントロールのグループとギャラリーを使用して、タブ付きフォームを作成できます。

要件：

下のスクリーンショットは、ユーザー用に作成するシナリオを表しています。 以下のように合計三つのタブがあります:

1. 病気：ユーザーが病気タブをクリックすると、病気に関連するすべてのフィールドが表示されます（循環器系の問題、肝臓病、肝炎など）。 同時に、このタブは無効モードになり、残りの2つのタブは編集モードになります。
2. : ユーザーが患者の詳細タブをクリックすると、患者に関連するすべてのフィールド（患者名、父親名、DOBなど）のみが表示されます。 同時に、このタブは無効モードになり、残りの2つのタブは編集モードになります。
3. 相対的な詳細:ユーザーが相対的な詳細タブをクリックすると、患者の相対的な名前、患者との関係、相対的な連絡先番号など、患者の相対的な関連するすべてのフィールドが表示されます。 同時に、このタブは無効モードになり、残りの2つのタブは編集モードになります。

また、ユーザーがすべてのフィールド値を入力して送信すると、すべてのデータがSharePointリストに保存されます。

読む：Power Apps Loading Spinner

PowerAppsでタブ付きフォームを作成する

ここでは、必要に応じてさまざまなPowerAppsタブを作成する方法を説明します。 上記の要件を行うには、以下の手順に従ってください。

ステップ1：

病院登録の詳細という名前のSharePointリストがあります。 このリストには、以下のように異なるデータ型を持つこれらの多くの列があります:

1. タイトル：これは、デフォルトでは単一行のテキストを含む列です。 私はちょうどそれを患者名に名前を変更しました。
2. 父の名前：テキストの単一行
3. 生年月日：日付と時刻
4. 性別：選択肢の種類など

ステップ– 2:

• PowerAppsキャンバスアプリを作成します。 SharePointリストデータソース(病院の登録の詳細)をアプリに接続します。

• PowerApps画面で、編集フォームを挿入します(Insert->Forms->Edit)。 SharePointリストデータソースをフォームに接続します。 すべてのフィールドがリストから取得されていることがわかります。 必須フィールドを保持し、フォームから不要なフィールドを削除します。

ステップ–3:

• 画面上に三つのタブを作成するための三つのボタンを追加します。 すべてのボタンは、以下のような編集フォームの上に配置する必要があります。
• 3つのボタンのすべてのテキストプロパティを病気、患者の詳細、および相対的な詳細に設定します。

ステップ– 4:

• Diseaseタブを選択し、このbeow式をOnSelectプロパティに次のように適用します:

OnSelect = Set(varFormTab, "Disease")

どこで,

1. varFormTab=変数名
2. 病気=これは私が指定した値です

• 次に、タブのDisplayModeプロパティを選択し、これを以下の式に設定します:

DisplayMode = If( varFormTab = "Disease", Disabled, Edit)

上記のコードは、指定された変数に病気の値が含まれているかどうかを指定し、タブは無効モードになり、それ以外の場合は編集モードになります。

ステップ– 5:

• 患者の詳細タブを選択し、このbeow式をOnSelectプロパティに次のように適用します:

OnSelect = Set(varFormTab, "PatientDetails")

どこで,

1. varFormTab=変数名
2. PatientDetails=これは私が指定した値です

• 次に、タブのDisplayModeプロパティを選択し、これを以下の式に設定します:

DisplayMode = If( varFormTab = "PatientDetails", Disabled, Edit)

上記のコードは、指定された変数にPatientDetails値が含まれているかどうかを指定し、タブは無効モードになります。

ステップ– 6:

• 相対詳細タブを選択し、このbeow式をOnSelectプロパティに次のように適用します:

OnSelect = Set(varFormTab, "RelativeDetails")

どこで,

1. varFormTab=変数名
2. RelativeDetails=これは私が指定した値です

• 次に、タブのDisplayModeプロパティを選択し、これを以下の式に設定します:

DisplayMode = If( varFormTab = "RelativeDetails", Disabled, Edit)

上記のコードは、指定された変数にRelativeDetails値が含まれているかどうかを指定し、タブは無効モードになります。

ステップ– 7:

• 次に、どのフィールドがどのタブに表示されるかを決定します。 つまり、画面上で、私は”慢性頭痛”という名前の病気を持っているとします。
• ユーザーが病気タブをクリックしたときにこのフィールドを表示したいと思います。 これを行うには、以下の式に従ってください。
• 慢性頭痛データカードを選択し（データカードは最初にロックを解除する必要があります）、次の式をその可視プロパティに次のように適用します:

Visible = If( varFormTab = "Disease", true, false)

どこで,

1. varFormTab=
2. Disease=指定した値の前に作成した変数名

上記のコードでは、変数がDisease値と等しい場合、フィールドが表示されますそれ以外の場合は非表示になります。

注:

PowerApps toggle controlについて興味がある場合は、この記事を参照してください:PowerApps toggle control+how to use with example. このPowerAppsチュートリアルでは、トグル値をtrueからYesまたはfalseからNoに変更する方法を取得するのに役立ちます。

ステップ– 8:

• 同様に、患者名という名前のフィールドがあり、ユーザーが患者の詳細タブをクリックするときにフィールドを表示したいとします。
• これを行うには、患者名データカードを選択し、その可視プロパティにこの下の式を適用します:

Visible = If( varFormTab = "PatientDetails", true, false)

どこで,

1. varFormTab=
2. PatientDetails=私たちが指定した値

上記のコードは、変数がPatientDetails値と等しい場合、フィールドが表示されますそれ以外の場合は非表示になります。

• 同様に、特定のタブのrestフィールドに対しても同じ処理を行うことができます。

ステップ–9:

• SharePointリストにレコードを保存するのに役立つボタンを挿入します（病院登録の詳細）。
• ボタンを選択し、そのTextプロパティをSaveに設定します。
• ボタンのOnSelectプロパティに以下の式を次のように適用します:

OnSelect = SubmitForm(Form1)

ここで、

Form1=フォーム名の編集

ステップ– 10:

• アプリを保存して公開します。 アプリを再度開きます。 各タブを選択して値を入力し、[保存]ボタンをクリックします。

• 次に、既存のSharepointリスト（病院登録の詳細）に移動して更新します。 以下のスクリーンショットのように、新しい項目が保存されていることがわかります。

また、以下のPowerAppsチュートリアルが好きかもしれません:

• PowerApps repeating table
• Powerapps CountIf関数With Examples
• PowerApps CountRows関数with Examples
• PowerApps Count関数with Examples
• PowerApps CheckBox–使い方
• PowerApps First,FirstN,Last,And LastN関数with examples
• PowerApps First,FirstN,Last,And lastn関数with examples
• PowerApps First,FirstN,Last,And lastn関数with examples
• PowerApps First,FirstN,Last,and Lastn関数with examples
• PowerApps First,FirstN,Last,343>例とpowerapps addcolumns関数
• 例とpowerapps lastsubmit()
• 例とPowerapps Forall関数
• 例とPowerappsパッチ関数

このPowerappsチュートリアルでは、powerappsが何であるかを見ました タブ、PowerAppsアプリでタブまたはタブを作成する方法。 ここでは、PowerAppsでSharePointリストのタブ付きフォームを作成する方法を学びました。