質問†

セレクトボックスなどの選択肢を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/ja/manuals/components/select/

　■コンポーネント - コンボボックス（プロパティ→オプション）
　　https://docs.webperformer.jp/ja/manuals/components/combobox/

　■コンポーネント - チェックボックスグループ（プロパティ→オプション）
　　https://docs.webperformer.jp/ja/manuals/components/checkbox-group/

↑

更新履歴†

2023-01-30 公開