明細の変更イベントが発生した行のインデックスを表示する
明細の変更イベントでは、変更が発生したテーブルのIDと行インデックスを取得する事が出来ます。
ここでは、明細の変更イベント発生時に入力行のインデックスを表示するサンプルを紹介します。
サンプルについて
本サンプルのソースコードについてや、カスタマイズ方法等の技術的なお問合せは承っておりません。
利用するイベント
申請入力画面イベント（パーツ値変更イベント）
サンプルフォーム
パーツID | パーツタイプ | 補足 |
- | テーブルパーツ | 行数は任意 |
fidProductName | テキスト（一行）パーツ | 商品名（テーブルの1列目） |
fidQuantity | テキスト（一行）パーツ - 数値 | 数量（テーブルの2列目） |
fidUnitPrice | テキスト（一行）パーツ - 金額 | 単価（テーブルの3列目） |
fidPrice | テキスト（一行）パーツ - 金額 | 金額（テーブルの4列目） |
カスタマイズコード
カスタマイズコードCopied!
(function () { 'use strict';
/** * 商品名の変更イベント */ collaboflow.events.on('request.input.fidProductName.change', function (e) { if (!'row_index' in e) { return; }
alert(e.row_index + '行目の商品名を入力しました。'); });
})();
動作の確認手順
1. サンプルのカスタマイズコードをjsファイルに保存します。
2. アプリ設定＞フォーム設定から新規に通常フォームを作成します。
3. サンプルフォームに、先で記載されている必要なパーツを配置します。
4. サンプルフォームを再度表示し、カスタマイズタブを表示します。
5. 保存したファイルをアップロードします。
6. アプリ設定＞経路設定から新規に経路を作成します。
7. 任意に経路アイテムを配置して、経路を作成します。
8. 新規文書から作成した経路名をクリックします。
9. 明細の商品名を任意に入力します。
10. 何行目の商品名を入力したかが表示されます。