【セル型】コンボボックスの使い方-Forguncy(フォーガンシー)
Excelライクなノーコードプログラミングツール「Forguncy(フォーガンシー)」。
今回は、セル型コンボボックスの基本的な使い方についてご紹介したいと思います。
セル型コンボボックスとは、画面に配置して、特定の選択肢からユーザーに値を選択してもらうインターフェース部品です。
![Forguncy(フォーガンシー)コンボボックスにあらかじめ値を入れておく](https://forguncy.zait.jp/wp-content/uploads/cell-combobox-img1.png)
コンボボックスにはあらかじめ選択肢を用意しておきます。
選択肢の設定方法は2通りあり、①コンボボックス内に選択肢を持っておく方法と、②テーブルから選択肢を取得する方法があります。
①は選択肢にあまり変更が入らない場合におすすめ
②は選択肢が定期的に変更される場合におすすめ
①で仮に変更が入った場合は、アプリを再発行する必要がありますが、②で変更する場合は、テーブル値をメンテナンスできる画面を用意しておけばアプリを再発行する必要はありません。
①コンボボックス内に選択肢を持っておく方法
右ペインにあるリスト項目に入力します。
![orguncy(フォーガンシー)コンボボックス、右ペインにある設定項目](https://forguncy.zait.jp/wp-content/uploads/cell-combobox-img2.png)
詳細設定を押すと、ポップアップから入力できます。
![Forguncy(フォーガンシー)コンボボックス、詳細設定画面](https://forguncy.zait.jp/wp-content/uploads/cell-combobox-img3.png)
②テーブルから選択肢を取得する方法
あらかじめテーブルを用意します。
![Forguncy(フォーガンシー)コンボボックス、テーブル](https://forguncy.zait.jp/wp-content/uploads/cell-combobox-img4.png)
右ペインにあるリスト項目で「テーブルからデータを取得」にチェックを付けます。
値フィールドにはキーとなるカラムを設定し、コンボボックスに表示させる値は表示フィールドに設定します。
![Forguncy(フォーガンシー)コンボボックス、右ペインにある設定項目](https://forguncy.zait.jp/wp-content/uploads/cell-combobox-img5.png)
便利な使い方
画面からの入力値によってコンボボックスの選択肢を変えることができます。
さらに、ここでは複数のコンボボックスを使って絞り込みを行ってみます。
![Forguncy(フォーガンシー)コンボボックス、分類絞り込み画面](https://forguncy.zait.jp/wp-content/uploads/cell-combobox-img6.png)
![Forguncy(フォーガンシー)コンボボックス、果物絞り込み画面](https://forguncy.zait.jp/wp-content/uploads/cell-combobox-img7.png)
![Forguncy(フォーガンシー)コンボボックス、野菜絞り込み画面](https://forguncy.zait.jp/wp-content/uploads/cell-combobox-img8.png)
下記のようにテーブルを準備します。
【 分類コンボボックスに設定するテーブル 】
![Forguncy(フォーガンシー)コンボボックス、分類コンボボックスに設定するテーブル](https://forguncy.zait.jp/wp-content/uploads/cell-combobox-img9.png)
【 品物コンボボックスに設定するテーブル 】
![Forguncy(フォーガンシー)コンボボックス、品物コンボボックスに設定するテーブル](https://forguncy.zait.jp/wp-content/uploads/cell-combobox-img10.png)
分類コンボボックスには未設定の選択肢も追加してみました。
![Forguncy(フォーガンシー)コンボボックス、分類コンボボックスのリスト項目](https://forguncy.zait.jp/wp-content/uploads/cell-combobox-img11.png)
品物コンボボックスではクエリー条件を追加します。
![Forguncy(フォーガンシー)コンボボックス、品物コンボボックスのリスト項目](https://forguncy.zait.jp/wp-content/uploads/cell-combobox-img12.png)
分類コンボボックスで選択した値をクエリー条件で分類で絞り込みます。
![Forguncy(フォーガンシー)コンボボックス、クエリー条件画面](https://forguncy.zait.jp/wp-content/uploads/cell-combobox-img13-1024x257.png)