W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
從多個(gè)下拉選項(xiàng)中選擇其中一項(xiàng),適用于選項(xiàng)較多的時(shí)候,可自定義選項(xiàng)內(nèi)容,也可用于 數(shù)據(jù)聯(lián)動(dòng) 或 關(guān)聯(lián)其他表單 等多個(gè)場(chǎng)景,比如選擇請(qǐng)假表單內(nèi)的請(qǐng)假類型、性別等字段的時(shí)候,可以用下拉單選組件。
如果需要選項(xiàng)來(lái)源于其他表,且在選擇完選項(xiàng)后,將選項(xiàng)相關(guān)的信息填充至表單(數(shù)據(jù)關(guān)聯(lián)類的場(chǎng)景)比如合同管理場(chǎng)景中,在創(chuàng)建合同/訂單時(shí),將關(guān)聯(lián)表單組件的選項(xiàng)與客戶表關(guān)聯(lián),關(guān)聯(lián)出客戶信息等。建議使用 關(guān)聯(lián)表單 組件。
注意:下拉單選組件的選項(xiàng)值的長(zhǎng)度最大不能超過(guò) 255 個(gè)字符
清除選項(xiàng)框內(nèi)的內(nèi)容
組件的清除按鈕
效果如下:
允許對(duì)選項(xiàng)做搜索,當(dāng)下拉選項(xiàng)內(nèi)容過(guò)多時(shí),可以通過(guò)搜索快速定位內(nèi)容。
可搜索組件內(nèi)容
效果如下:
當(dāng)可搜索按鈕開(kāi)啟的時(shí)候,提交頁(yè)面是支持搜索的,這個(gè)時(shí)候可以設(shè)置搜不到數(shù)據(jù)時(shí)的提示內(nèi)容。
無(wú)數(shù)據(jù)時(shí)顯示內(nèi)容
展示效果如圖:
可以在這里設(shè)置下拉的選項(xiàng)內(nèi)容,可以自定義選項(xiàng)內(nèi)容也可以關(guān)聯(lián)其他表單數(shù)據(jù)。
具體類型如圖:
選項(xiàng)類型—配置關(guān)聯(lián)其他表單數(shù)據(jù)等
選項(xiàng)類型選擇自定義時(shí),可以在下面添加選項(xiàng),自行編輯下拉的選項(xiàng)內(nèi)容,還可以操作 關(guān)聯(lián)選項(xiàng)設(shè)置 等。
自定義數(shù)據(jù)類型—選項(xiàng)一、選項(xiàng)二等
當(dāng)我們需要搜索外部數(shù)據(jù)源作為我們的數(shù)據(jù)來(lái)源,常見(jiàn)于和外部系統(tǒng)的聯(lián)動(dòng),可以參考如下配置:
設(shè)置路徑:
接口格式:
{ "success": true, "content": [ { "text": "選項(xiàng)A", "value": "A" },{ "text": "選項(xiàng)B", "value": "B" },{ "text": "選項(xiàng)C", "value": "C" }, ], "errorCode": "", "errorExtInfo": null, "errorLevel": "", "errorMsg": "" }
選中對(duì)應(yīng)的選項(xiàng)內(nèi)容,選中會(huì)展示為藍(lán)色圓環(huán),如下圖所示:
設(shè)置下拉單選組件的默認(rèn)值
展示效果:
選項(xiàng)值和顯示值可以不同,這樣我們就能夠靈活應(yīng)對(duì)多語(yǔ)言、改顯示值等需求。
選項(xiàng)值和顯示值
兩者的功能定義與使用場(chǎng)景不同
選項(xiàng)來(lái)源:自定義選項(xiàng)、從其他表單獲取、通過(guò)遠(yuǎn)程數(shù)據(jù)源獲取,數(shù)據(jù)聯(lián)動(dòng)獲取。
適用場(chǎng)景:一般用于選項(xiàng)選擇類的場(chǎng)景,且不需要關(guān)聯(lián)出其他數(shù)據(jù),可以使用下拉單選組件,比如請(qǐng)假表單的請(qǐng)假類型、性別等字段,可以用下拉單選組件。
選項(xiàng)來(lái)源:其他表單獲取
適用場(chǎng)景:一般用于數(shù)據(jù)關(guān)聯(lián)類的場(chǎng)景,比如合同管理場(chǎng)景中,在創(chuàng)建合同/訂單時(shí),將關(guān)聯(lián)表單組件的選項(xiàng)與客戶表關(guān)聯(lián),關(guān)聯(lián)出客戶信息等。
目前組件類型不支持直接轉(zhuǎn)換,如需批量編輯下拉單選組件的選項(xiàng),可以使用關(guān)聯(lián)其他表單數(shù)據(jù)功能。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: