在現(xiàn)代化的數(shù)字界面中，組件是不可或缺的一部分。無論是在問卷調(diào)查、投票，還是在購物車等場景中，單選和多選組件都扮演著重要角色。它們讓用戶能夠在一系列選項中做出決定，從而提高交互的效率和用戶體驗。

JVS低代碼表單組件中提供了單選與多選的組件，接下來我們結(jié)合場景詳細(xì)介紹單選與多選組件配置說明。

單選與多選組件配置

通常在用戶界面中如問卷調(diào)查或投票中可能需要從多個選項中選擇一個，這個時候我們就可以使用單選組件配置，有按鈕式、圓形組合等不同樣式可以應(yīng)用于不同的場景。

例如用戶在購物車場景下則可以用多選組件配置。

單選的基礎(chǔ)設(shè)置說明如下：

①：組件綁定模型的字段，點(diǎn)擊字段名稱后，系統(tǒng)會把本表單對應(yīng)的模型字段展示出來，選中即可。

②：組件的中文名稱，修改后會將組件的名稱同步修改。

③：組件的顯隱控制裝填設(shè)置，普通（可讀可操作）、只讀（可讀不可修改）、隱藏（不可見不可操作）。

④：默認(rèn)值，取值方式有兩種，自定義和公式復(fù)制，自定義可以直接寫入本字段的默認(rèn)值，公式賦值通過公式函數(shù)計算后賦值。

⑤：顯示控制，通過其他組件結(jié)果的設(shè)置內(nèi)容判斷條件，當(dāng)條件為真時顯示單選組件。

⑥：禁用控制，通過其他組件結(jié)果的設(shè)置內(nèi)容判斷條件，當(dāng)條件為真時單選禁止操作。

⑦：觸發(fā)邏輯，當(dāng)單選選擇項后，且鼠標(biāo)失焦后，將觸發(fā)邏輯（用戶自定義的邏輯）。

數(shù)據(jù)類型配置說明：

①：配置數(shù)據(jù)，默認(rèn)數(shù)據(jù)來源是配置數(shù)據(jù)，可以自定義增加選項，傳遞值都是字符串。

②：接口數(shù)據(jù)，從接口獲取數(shù)據(jù)，設(shè)置接口地址、顯示值和傳遞值。

③：模型數(shù)據(jù)，選項數(shù)據(jù)來源于其它模型，設(shè)置關(guān)聯(lián)的模型，顯示值、傳遞值等。

當(dāng)選擇數(shù)據(jù)類型來源模型數(shù)據(jù)時配置說明如下:

①：數(shù)據(jù)類型來源模型。

②：關(guān)聯(lián)模型，下拉展示應(yīng)用下所有模型名稱，根據(jù)需求選擇可搜索查詢。

③：顯示值，指單選項顯示的值，數(shù)據(jù)來自于選擇的模型中字段。

④：傳遞值，固定只能傳數(shù)據(jù)id。

⑤：副標(biāo)題，對應(yīng)顯示值展示子標(biāo)題。

單選的數(shù)據(jù)聯(lián)動設(shè)置如下圖所示：

①：數(shù)據(jù)聯(lián)動顯示關(guān)聯(lián)其它模型。

②：選擇回填數(shù)據(jù)的來源模型（跨表數(shù)據(jù)）。

③：選擇本單選依賴的組件內(nèi)容。

④：設(shè)置數(shù)據(jù)回填數(shù)據(jù)模型的字段中與依賴組件值相同的數(shù)據(jù)行（用于把想要的目標(biāo)數(shù)據(jù)過濾出來）。

⑤：可設(shè)置多個條件。

⑥：設(shè)置回填到單選項的字段。

樣式設(shè)置中有展示類型設(shè)置，有圓圈和按鈕類型可選擇。

多選組件同單選配置大同小異，其中數(shù)據(jù)類型多一個動態(tài)組件，樣式設(shè)置不同。

多選組件數(shù)據(jù)類型配置如下：

①：配置數(shù)據(jù)，默認(rèn)數(shù)據(jù)來源是配置數(shù)據(jù)，可以自定義增加選項，傳遞值都是字符串。

②：接口數(shù)據(jù)，從接口獲取數(shù)據(jù)，設(shè)置接口地址、顯示值和傳遞值。

③：模型數(shù)據(jù)，選項數(shù)據(jù)來源于其它模型，關(guān)聯(lián)的模型，顯示值、傳遞值等。

④：動態(tài)組件

樣式設(shè)置配置說明如下：

①：控件寬度，默認(rèn)13可自定義修改。

②：提示描述，指對多選組件提示信息的設(shè)置。

③：描述位置，默認(rèn)設(shè)置右側(cè)，可設(shè)置換行顯示。

④：最小值，指一次可以勾選值的個數(shù)。

⑤：最大值，指最多可以勾選多少個選項。

⑥：展示類型，指勾選框的樣式，默認(rèn)方塊展示，可設(shè)置按鈕樣式。

在線demo：https://frame.bctools.cn/

基礎(chǔ)框架開源地址：https://gitee.com/software-minister/jvs