入力内容を別の項目にコピーする

入力内容を別の項目にコピーするサンプルをご紹介します。

サンプルについて
本サンプルのソースコードについてや、カスタマイズ方法等の技術的なお問合せは承っておりません。

利用するイベント

申請入力画面イベント（パーツ値変更イベント）

サンプルフォーム

サンプルで利用するフォームには、以下のパーツを配置しています。

パーツID

パーツタイプ

補足

fidText

テキスト（一行）パーツ

fidTextClone

テキスト（一行）パーツ

fidTextの値を表示します。


カスタマイズコード
カスタマイズコード
Copied!
(function () {
'use strict';

collaboflow.events.on('request.input.fidText.change', function (data) {
const fidTextValue = data.parts['fidText'].value;
data.parts['fidTextClone'].value = fidTextValue;
})
})();

動作の確認手順

1. サンプルのカスタマイズコードをjsファイルに保存します。
2. アプリ設定＞フォーム設定から新規に通常フォームを作成します。
3. サンプルフォームに、先で記載されている必要な項目を配置します。
4. サンプルフォームを再度表示し、カスタマイズのタブを表示します。
5. 保存したファイルをアップロードします。
6. アプリ設定＞経路設定から新規に経路を作成します。
7. 新規文書から作成した経路名をクリックします。
8. 申請画面が表示されます。

動作イメージ