操作ボタンによって、ボタンを作成し、それにアクションを追加することができます。

新しい操作ボタンを追加するには、空いた場所にカーソルを置いて、操作ボタンの表示タイプよりメディアをクリックします。操作ボタンの追加ダイアログボックスが表示されます。

1. 新しい操作ボタンビューの名前を入力してください。
2. 操作ボタンを編集してください

外観を見る

ここでは、ビューの外観を設定します。

• コンテンツのカラーテーマ
• タイトルカラー
• カスタムCSSクラス
• カスタムCSS
• モバイルでの表示非表示
• ビューモードでの表示非表示

レイアウト

• 横方向：ボタンを横方向に並べ替えます。
• 縦方向 - ボタンを縦方向に並べ替えます。
• 折りたたみ - 親ボタンが表示され、クリックすると展開され、すべてのチャイルドボタンが縦方向に表示されます。
• 箇条書き - 固定のBulletアイコンが表示され、クリックすると展開され、すべてのチャイルドボタンが縦方向に表示されます。

ボタンラベル - ボタンのタイトルとなるテキスト。（箇条書きレイアウトには適用されません）

カラー - 各ボタンのカラースタイルを選択できます。

ボタンタイプ

• URL- 特定のサイトへリダイレクトします。このタイプのボタンは、特定のサイトへのリダイレクト、特定のエンドポイントの呼び出し、またはデータセットへのアップロードのためのインポートフローを表示します。詳細な設定オプションは、こちらで確認できます。
• Javascript - javascriptを実行します。コードは<script>タグの中に記述する必要はありません。ここで数式を実行することも可能です：

Image Removed Code Block
{formula}your_formula_code{formula}

• Formula - 数式コードや groovy スクリプトを実行します。
• Dialog box - これは、新しいダイアログウィンドウへのリンクを組み合わせたものです。ボタンの説明を追加することができます。パラメータはクエリ文字列またはRequest Bodyで渡すことができます。

ダイアログのテキストには{formula}を使用して、数式を記述することもできます。（例：{formula}L__1_FIRSTVALUE{formula} を削除しますか? )

• Run ML project/pipeline - プロジェクトやパイプライン全体を起動するボタンを作成できます。

数式による外観 - ユーザーはtrue/falseの値を返す数式を定義でき、trueの値が返された場合にボタンが表示されるようになります。

ポストアクションリダイレクト - ダイアログウィンドウにてOKが押されたときにデータを更新し、その後ユーザーを特定のレポートやビューにリダイレクトするようにダイアログウィンドウを設定することができます。

ポストアクションとして別のボタンクリックをシミュレートする

ポストアクションフォーミュラを使用すると、別のボタンがクリックされたことをシミュレートすることができます。つまり、アクションが完了した後、新しいボタンがクリックされ、例えば新しいモーダルボックスを開くために使用することができるのです。以下は、異なるボタンをクリックするjavascriptコードの例です。

Code Block
require(['bd/zone'], function (bdZone) { bdZone.findById('popupZone').updateFromURL('/bi/report/detail.report.layout.rvd.actionbutton:openpopupindex/0?t:ac=265&vr=265-nTNBDTafVF'); });

最後の値に注目 0?t:ac=265&vr=265-nTNBDTafVF

• 0 - 複数のボタンが表示されている場合に、ボタンのインデックスを表示します
• 265 - レポートのID
• 265-nTNBDTafVF - ビューのID

これを使えば、レポート265の最初のボタンをビュー265-nTNBDTafVFからクリックしたことになります。

例

ここでは、アクションボタンとIOTを使って、承認なしで照明をONにする例を紹介します。

ボタンを作成し、それをONと呼び、JavaScriptを追加します。

let data=JSON.stringify({"status":"on})
$.post( "http://localhost:8201/data, {data})
  .done(function( data ) {alert( "Data" + data + " were sent: ");});

このJavaScriptは、ペイロード{"status": "on}をlocalhost:8201にあるHTTPリクエストを認証なしで受け入れるように設定されたIOTレシーバーに送信します。レシーバーの一般的な設定方法はこちらをご覧ください。レシーバーの一般的な設定方法

センダーとレシーバーを接続します。一般的なセンダーの設定方法はこちらをご覧ください。  センダーの一般的な設定方法

センダーに自動化アクションMQTTを設定し、デバイスに送信します。2番目のアクションとして、BellaDatiにデータを送信し、BellaDatiのデータセットにステータスを保存します。

ここでは、デバイスからの応答は検証していません。もし検証したい場合は、2つ目のレシーバーを設定し、そのデバイスからMQTTメッセージを受信するように設定し、2つ目のセンダーにパスし、BellaDatiに保存することが可能です。

レポートでは、KPI ラベルを作成し、ステータスを保存するために選択したカラムの最後の値を読み取ります。新しいデータが取得されると、レポートが自動的に更新され、「Getting Last Available Value」します。