こんにちは。ITFitのtkkrです。
今回は入力項目を動的に変えたい!という話題です。
あるお客様の開発で、作業指示書を作りました。
作業指示書は以下のような要望がありました。
- 作業の区分として、「スポット(一回限り)」「日常(契約期間は常に)」「期間(1カ月間限定などの期限付き)」が存在する
- 作業の区分に依存しない共通入力項目が存在する
- 作業の区分に依存する項目が存在する
- 選択された作業区分に関する項目を入力可とし、選択されていない作業区分に関する項目を入力不可とする
以下の図が作業の区分に依り入力項目を変更したイメージです。
実現方法として、JavaScriptによるカスタマイズで以下のような実装をしました。
- ‘app.record.create.show’、’app.record.edit.show’、’app.record.create.change.<ラジオボタン>’、’app.record.edit.change.<ラジオボタン>’の時に、
- 作業区分(スポット・日常・期間区分)のフィールドの値を判断し、
- 入力可にするフィールドを入力可状態、プルダウン(select)を追加し、
- 入力不可にするフィールドを入力不可状態、プルダウン(select)を追加しない
以上のような流れで入力可/不可項目を動的に変更しました。
皆様の業務に使えますでしょうか?
では。また。