こんにちは。ITFitのtkkrです。

今回は入力項目を動的に変えたい!という話題です。

あるお客様の開発で、作業指示書を作りました。

作業指示書は以下のような要望がありました。

  • 作業の区分として、「スポット(一回限り)」「日常(契約期間は常に)」「期間(1カ月間限定などの期限付き)」が存在する
  • 作業の区分に依存しない共通入力項目が存在する
  • 作業の区分に依存する項目が存在する
  • 選択された作業区分に関する項目を入力可とし、選択されていない作業区分に関する項目を入力不可とする

 

以下の図が作業の区分に依り入力項目を変更したイメージです。

 

入力項目を動的に変える

 

 

実現方法として、JavaScriptによるカスタマイズで以下のような実装をしました。

  • ‘app.record.create.show’、’app.record.edit.show’、’app.record.create.change.<ラジオボタン>’、’app.record.edit.change.<ラジオボタン>’の時に、
  • 作業区分(スポット・日常・期間区分)のフィールドの値を判断し、
  • 入力可にするフィールドを入力可状態、プルダウン(select)を追加し、
  • 入力不可にするフィールドを入力不可状態、プルダウン(select)を追加しない

以上のような流れで入力可/不可項目を動的に変更しました。

 

皆様の業務に使えますでしょうか?

 

では。また。

 

kintoneアプリ作成・開発支援のお申込みフォーム
kintoneアプリ作成支援