アクション

はじめに

一連の手順を実行するために、エンド ユーザーがアクションをトリガーできます。たとえば、Web ページへの移動、他のダッシュボードへの移動、フィルターの変更などです。アクションを使用すると、アプリ内の対話性を高めることができます。

アクションを作成する

たとえば、エンドユーザーがダッシュボード間を移動できるアクションを作成できます。 ダッシュボードに移動するアクションを作成する前に、移動先に使用されるターゲットの ID は既知である必要があります。

ターゲット ダッシュボードの ID を見つけるには、以下の手順に従います。

手順	操作
1	開発環境でアプリを開き、[ ダッシュボード] タブに移動します。
2	アクションから移動するダッシュボードを右クリックして、[ 編集...] を選択します。

[ ダッシュボードを編集 ] ダイアログが表示され、ダッシュボードのプロパティが表示されます。以下の画像でご確認ください。

アクションを定義するには、以下の手順に従います。

手順	操作
1	[グラフ] タブに移動します。
2	アクションを作成するテーブルを右クリックして、[ 新しいアクション...] を選択します。
3	[アクションの追加] パネルを右クリックし、[ 新しいステップ - ダッシュボードに移動] をクリックします。
4	式 「 dashboard(target-dashboard-ID) 」を入力します ( target-dashboard-ID は、ターゲット ダッシュボードの ID に置き換える必要があります)。
5	[ヒント] の横にあるexpressionをクリックし、ユーザーがアクションにホバーしたときに表示するテキストを入力します。たとえば、 'Go to target dashboard'です。(つまり、引用符を含む)。[OK] をクリックします。
6	アクションの名前を入力し、[ 閉じる] をクリックします。

後続のアクション

1 つのアクションは複数のステップで構成できます。 たとえば、ダッシュボードに移動すると、メッセージが画面に表示されます。 これは 2 つの手順を含むアクションになります。 以下の画像でご確認ください。

アクションをダッシュボードで使用する

このアクションを使用するには、エンド ユーザーが操作するダッシュボードにアクションを配置する必要があります。

ダッシュボードでアクションを使用するには、以下の手順に従います。

手順	操作
1	[ ダッシュボード] タブに移動し、アクションを有効化するダッシュボードを選択します。
2	アクションを配置するグラフを右クリックし、[Edit...] を選択します。
3	[ダッシュボード項目を編集] ダイアログの [詳細設定] タブに移動します。
4	アイコンを配置する場所に応じて、[右アクション] または [左アクション] の下の [アクション] の横にあるnoneアイコンをクリックし、ダッシュボードに配置するアクションを選択します。
5	[アイコン] の横にある空のアイコンをクリックし、ドロップダウン リストからアクションに表示するアイコンを選択します。以下の画像でご確認ください。
6	[OK] をクリックします。

エンドユーザーがアクションを使用できるようになりました。 以下の画像でご確認ください。

エンドユーザーがアクション アイコンをクリックすると、ターゲット ダッシュボードが表示され、メッセージが表示されます。

外部リンク

アプリケーション内の内部ナビゲーションに加え、外部コンポーネントへのリンクを持つアクションを組み込むこともできます。

URL を開く操作を作成するには、以下の手順に従います。

手順	操作
1	[ データ ] タブに移動し、 Globals テーブルをクリックします。
2	[属性] リストで Globals を右クリックし、[ New action…] を選択します。
3	[ Name] フィールドに名前を入力します。
4	[ヒント] の横にあるexpressionをクリックし、ユーザーがアクションにホバーしたときに表示するテキストを入力します。たとえば、 'Open UiPath.com' (つまり、引用符を含む) [ OK] をクリックします。
5	[アクションを追加] パネルを右クリックし、[ 新しいステップ] - [URL を開く] を選択します。
6	'https://example.com'式をクリックし、有効な URL を入力します。たとえば、'https://uipath.com/' (つまり、引用符を含む) [OK ] と [ 閉じる] をクリックします。

アクションを HTML パネルで使用する

アクションは HTML パネル内からトリガーできます。data-mv-onclick HTML 属性を使用して、エンド ユーザーが指定した HTML 要素をクリックしたときにアクティブ化するアクションを指定できます。HTML 属性 data-mv-onclick には、アクションの UID という 1 つの引数があります。セレクターの既定の属性と同様に、アクションの UID も uid(ID_OF_ACTION)で決定できます。

HTML パネルでアクションを使用するには、以下の手順に従います。

手順	操作
1	HTML パネルを含む新しいダッシュボードを作成します。
2	[HTML] タブに移動し、[全般] パネルの [式] の横にある expression をクリックします。
3	式を入力して、 data-mv-onclick HTML 属性を定義します。 以下の例をご覧ください。
4	[OK] をクリックします。

<<<<
<div
    data-mv-onclick=">>>> + uid(Go_to_target_dashboard) + <<<<"
>
    
        Click to go to target dashboard.
    
</div>
>>>>

これによって HTML パネルが作成され、クリックするとアクション Go_to_target_dashboardがトリガーされます。