質問†

セレクトボックスなどの選択肢をDBから取得し表示する方法を教えて下さい。

↑

回答†

セレクトボックスやコンボボックス、チェックボックスグループなどの選択候補をDBから設定する場合、
value ではなく options に、label,value の形式で設定を行う必要があります。

なお、設定はコンポーネントのアクションに設定するのではなく、
UIの初期アクションや、ボタンアクションとして設定してください。

（例）
　　■アクションボード
 　 　const res = await sql();
 　 　$ui.【コンポーネントID】.options = res.data;

　■SQL
  　　SELECT 【カラム名】 as label, 【カラム名】 as value FROM 【DB名】.【テーブル名】

※【 】部分は適切な文字列に読み替えをお願いいたします。

関数の詳細は、マニュアルをご参照ください。

　■セレクトボックス（プロパティ→オプション）
　　https://docs.webperformer.jp/component/select

　■コンボボックス（プロパティ→オプション）
　　https://docs.webperformer.jp/component/combobox

　■チェックボックスグループ（プロパティ→オプション）
　　https://docs.webperformer.jp/component/checkboxgroup

↑

更新履歴†

2023-01-30 公開