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

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

單選與多選組件配置

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

例如用戶在購(gòu)物車(chē)場(chǎng)景下則可以用多選組件配置。

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

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

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

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

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

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

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

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

數(shù)據(jù)類(lèi)型配置說(shuō)明：

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

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

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

當(dāng)選擇數(shù)據(jù)類(lèi)型來(lái)源模型數(shù)據(jù)時(shí)配置說(shuō)明如下:

①：數(shù)據(jù)類(lèi)型來(lái)源模型。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

④：動(dòng)態(tài)組件

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

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

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

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

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

⑤：最大值，指最多可以勾選多少個(gè)選項(xiàng)。

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

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

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