マイクロアプリ

作成ページの構築

レコードシステムにレコードを追加するための作成ページを構築します。ここでは、このワークフロー用のマイクロアプリが既に作成されていることを前提とします。手順については、「新しいマイクロアプリの追加」を参照してください。

以下の理由により、このページを別のマイクロアプリに格納することをお勧めします。ワークフローを設計するときは、次の考慮事項に留意してください:

  • マイクロアプリごとに1つのアクションしか使用できません。つまり、アクションとして使用する場合、検索ページと作成ページの両方を同じマイクロアプリで使用することはできません。
  • 必要に応じて、さまざまなユーザー権限設定を許可します。

注:

作成機能は、APIライトバックアクセスに基づいて制限されます。

この作成ページの場合、詳細テンプレートから開始して、次のビルダーコンポーネントを使用します:

  • 静的テキスト - 静的テキストを定義してページに表示します。
  • フレキシブルグリッド - ページ上のコンポーネントの配置をより詳細に制御できます。大画面を備えるデバイス向けにページを設計する場合に便利です。グリッドアイテムで構成します。ラベルと、グリッドに含めるセルの総数を設定します。
  • テキスト入力 - データテーブル、列、値を指定することで、テキストソースを定義してユーザーが入力したページに読み込みます。このコンポーネントはオプションマークを付けることができます。フィールド幅は変更できます。検証規則は、最小または最大の長さやテキストパターンをベースにして構成し、ユーザー入力を識別できます。このコンポーネントがレコード値にマップされていない場合、ユーザーはフィールドを使用してテキストを入力します。
  • 選択 - ユーザーが値の一覧から選択できるようにします。ソースシステムからデータが入力されるか、値の一覧を手動で入力できます。アクションを追加することができます。
  • 検索 - ユーザーが大量の値を検索できるようにし、何かを検索して値を選択できるようにします。
  • ボタン - クリックして使用する、アクションと論理が含まれたコンポーネントをページに追加します。

次の画像は、作成ページの例です。上記のコンポーネントを使用して構築し、以下に一覧表示されたデータ列に詳細をマップします。このページとマイクロアプリでは、次のデータ列にマップする必要があります:

  • プロジェクト
  • 問題の種類
  • 優先度
  • 担当者名

作成ページの例

次の手順を実行します:

  1. この作成アクション用のマイクロアプリを追加したあと、そのマイクロアプリを選択します。手順については、「[新しいマイクロアプリの追加]」(/ja-jp/citrix-microapps/create-microapps)を参照してください。[ページ] を選択し、[新しいページを追加]を選択します。
  2. [ページ] に名前を付け、[詳細] テンプレートを選択します。
  3. [データソース] を確認し、アクセスする [データテーブル] を選択します。[追加] を選択します。 新しいページが [ページ] リストに追加され、カスタマイズする準備ができました。
  4. 静的テキスト要素を選択して、ビルダーパネルの上部にドラッグします。
    • [静的テキストのプロパティ] を選択して、[コンテンツ] フィールドで「Create Ticket」と入力します。
    • [テキストの種類][ヘッダー] を選択します。
  5. フレキシブルグリッド要素を選択して、ビルダーパネルにドラッグします。グリッドアイテムを使用して、他のコンポーネントを配置します。新しいセルを追加する必要があります。[Flexible Grid Properties] タブを選択して [セル数合計] の値を8に変更します。
  6. [タイトル] フィールドを追加するには、[テキスト入力] コンポーネントを左上のグリッドアイテムにドラッグします。
    • [Text Input Properties] タブを選択します。[ラベル] フィールドに、「タイトル」と入力します。
    • [Map to Record Value] を無効にします。
    • [必須] をオンにします。
  7. [プロジェクト] ドロップダウンセレクターを追加するには、[選択] コンポーネントを右上のグリッドアイテムにドラッグします。
    • [プロパティの選択] タブを選択します。[ラベル] フィールドに、「プロジェクト」と入力します。
    • [種類の選択] で、[データベースから選択] を選択します。
    • [Map to Record Value] を無効にします。
    • メニューから [データテーブル][データ列] を選択します。この例では、projectidです。
    • [必須] をオンにします。
  8. [問題の種類] ドロップダウンセレクターを追加するには、[選択]コンポーネントを左中央のグリッドアイテムにドラッグします。
    • [プロパティの選択] タブを選択します。[ラベル] フィールドに、「問題の種類」と入力します。
    • [種類の選択] で、[データベースから選択] を選択します。
    • [Map to Record Value] を無効にします。
    • メニューから [データテーブル][データ列] を選択します。この例では、issue_typenameです。
    • [必須] をオンにします。
  9. [担当者名] ドロップダウンセレクターを追加するには、[検索] コンポーネントを中央右のグリッドアイテムにドラッグします。このコンポーネントを使用すると、ユーザーが大量の値を簡単に検索できるようになります。
    • [Lookup Properties] タブを選択します。[ラベル] フィールドに、「担当者名」と入力します。
    • [種類の選択] で、[データベースから選択] を選択します。
    • メニューから、[検索するデータテーブル][検索するデータ列][値として使用するデータ列] を選択します。この例では、userおよびdisplay_nameです。
    • [追加のデータ列を表示] を無効にします。
  10. [説明]フィールドを追加するには、[テキスト入力] コンポーネントを左下中央のグリッドアイテムにドラッグします。
    • [Text Input Properties] タブを選択します。[ラベル] フィールドに、「説明」と入力します。
    • [Map to Record Value] を無効にします。
    • このフィールドでは、[必須] をオンにして、(オプションの) タグをフィールドに自動的に追加しないでください。
  11. [優先度] ドロップダウンセレクターを追加するには、[選択] コンポーネントを右下中央のグリッドアイテムにドラッグします。
    • [プロパティの選択] タブを選択します。[ラベル] フィールドに、「優先度」と入力します。
    • [種類の選択] で、[データベースから選択] を選択します。
    • [Map to Record Value] を無効にします。
    • メニューから [データテーブル][データ列] を選択します。この例では、priorityおよびnameです。
    • このフィールドでは、[必須] をアクティブにしないでください。これにより、フィールドに (オプションの) タグが自動的に追加されます。
  12. [作成] ボタンを追加するには、[ボタン] コンポーネントを左下のグリッドアイテムにドラッグします。
    • [ボタンのプロパティ] タブを選択します。[ラベル] フィールドに、「作成」と入力します。
    • [スタイル] オプションを [プライマリ] のままにして、青色のオプションボタンにします。
    • [アクション] タブを選択します。[ページアクション] ボタンがオンになっていることを確認します。これにより、ブレードのフッターにボタンが表示され、アクションが完了するとワークスペースブレードが閉じます。
    • [アクションの追加] ドロップダウンリストをクリックし、[サービスアクションの実行] を選択します。
    • [サービスアクションの実行] テキストをクリックします。[データ] ドロップダウンリストをクリックして、接続する統合を選択します。[アクション] ドロップダウンリストをクリックして、実行するアクション(この場合は [問題を作成])を選択します。
    • [パラメーターを編集] を選択して、ページ用に作成したフィールドに基づいて必要なすべてのパラメーターを入力します。以下の例に従ってモデル化できます: 作成ページサービスアクション
  13. [キャンセル] ボタンを追加するには、[ボタン] コンポーネントを右下のグリッドアイテムにドラッグします。これにより、ユーザーは変更を送信せずにページを再読み込みできます。
    • [ボタンのプロパティ] タブを選択します。[ラベル] フィールドに、「キャンセル」と入力します。
    • [スタイル] オプションで [セカンダリ] を選択し、灰色のオプションボタンにします。
    • [アクション] タブを選択します。[アクションの追加] ドロップダウンリストをクリックし、[ページに移動] を選択します。アプリでこのマイクロアプリとページで作成しているこのページの名前を選択すると、キャンセルを選択したときにこのページが自動的に更新されます。

    作成ページの構築が完了しました。最後の手順では、このページをマイクロアプリのアクションページとして選択し、この統合のアクションのリストに表示します。

  14. [プロパティ] を選択します。これは、ビルダーの左側に表示される歯車です。
  15. [アクション][アクションとして有効化] をオンにし、[アクションページ] メニューでこのページを選択します。

    これで作成ページの準備が完了しました。

作成ページの構築