級(jí)聯(lián)選擇

2022-02-24 11:00 更新

1. 適用場(chǎng)景

選項(xiàng)信息是一對(duì)多的關(guān)系,且具有層次性和聯(lián)動(dòng)性,多用于創(chuàng)建主類目和所屬下級(jí)子類目的場(chǎng)景,多用于部門選擇,城市選擇(比如省市區(qū))等包含有層次關(guān)系的場(chǎng)景。

2. 基礎(chǔ)功能

2.1 顯示搜索

是否允許在輸入框頁面直接輸入內(nèi)容進(jìn)行搜索,當(dāng)層級(jí)過多時(shí),可以開啟搜索功能快速定位。

顯示搜索

效果如下:

2.2 清除按鈕

清除選項(xiàng)框內(nèi)的內(nèi)容

清除按鈕

效果如下:

2.3 使用數(shù)據(jù)源增減修改部門

點(diǎn)擊編輯代碼之后可以看到該級(jí)聯(lián)選擇的數(shù)據(jù)源,都是在這里面修改增減主類目和子類目。

數(shù)據(jù)源

第一層級(jí)和第二層級(jí)分別對(duì)應(yīng)的數(shù)據(jù)源內(nèi)的結(jié)構(gòu):

舉個(gè)例子:想要在部門、產(chǎn)品下面再新增選項(xiàng)為新部門,具體操作見下圖三到圖五:

3. 常見問題

3.1 如何增加子類目,也就是下屬層級(jí)?

最終效果:

3.2 如何增加選項(xiàng)內(nèi)容?

最終效果:

3.3 為什么都復(fù)制了層級(jí)結(jié)構(gòu),但設(shè)置卻沒有生效?

注意是否復(fù)制了完整的結(jié)構(gòu),比如【{}】【[]】這些符號(hào)是否有一起復(fù)制,以及是否有在對(duì)應(yīng)的地方添加逗號(hào),且是英文狀態(tài)下的逗號(hào),最后可以刪除重新添加組件試試。

3.4 關(guān)于級(jí)聯(lián)選擇組件批量編輯

這個(gè)討論區(qū) 中所說的

我們可以快速使用 這個(gè)工具。


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)