JSウィジェット値を設定

1.1 問題説明

Javascriptでウィジェットの値を設定するニーズがあります。

例えばウィジェット1の値を取得してウィジェット2に設定：

1.2 実現方法

widget.getValue()とwidget.setValue()でウィジェット1の値を取得して、ウィジェット2に設定する。

2.1 テンプレート作成

下記のようなテンプレートを作成：

テキストウィジェット二つを追加、「widget1」と「widget2」にリネーム

ボタンウィジェットを追加、ボタン名を「ウィジェット1の値を取得してウィジェット2に設定」に設定

2.2 イベントを追加

「ウィジェット1の値を取得してウィジェット2に設定」ボタンに下記のような「クリック」イベントを追加

Javascript文：

//ウィジェットオブジェクトを取得
var w_widget1 = this.options.form.getWidgetByName("widget1");
var w_widget2 = this.options.form.getWidgetByName("widget2");
//値の取得と設定
w_widget2.setValue(w_widget1.getValue());

注意：w_widget1.getValue()でウィジェット1の値を取得

注意：w_widget2.setValue(w_widget1.getValue())で取得されたウィジェット1の値をウィジェット2に設定

2.3 効果確認

テンプレートを保存して、プレビューボタンをクリック：

JSウィジェットを設定.cpt