新規投稿
フォローする

動的ドロップダウンカスタマイズ(React対応)

kintone UI Componentを使って動的ドロップダウンを作成しよう!の機能をReactで実装しました.

ソースコード

コードをReactに対応してプラグインで使えるようにしました.
https://github.com/Atsushi-Eda/dynamic-dropdown

プラグイン設定

space

  • 動的ドロップダウンを表示するスペースフィールド.
  • グループフィールド内のスペースフィールドは選択できません.
  • 動的ドロップダウンを複数設置する場合は,スペースフィールドを複数用意してください.

majorChoiceField

  • 絞り込み条件となる大選択肢のフィールド.
  • 「文字列 (1行)」,「ラジオボタン」,「ドロップダウン」のみ指定できます.

minorChoiceField

  • 絞り込みされる小選択肢のフィールド.
  • 「文字列 (1行)」,「ドロップダウン」のみ指定できます.

choiceCombinations

  • 大選択肢と小選択肢の値の組み合わせ.

choiceCombinations[].majorChoice

  • 大選択肢の値.

choiceCombinations[].minorChoices[].minorChoice

  • 小選択肢の値.

※フォーム設定を変更した際は,プラグイン設定も再編集してください.

応用編

大選択肢,中選択肢,小選択肢のような使い方もできるので,ぜひご利用ください.

4

0件のコメント

サインインしてコメントを残してください。