級聯(lián)選擇

2022-02-24 11:00 更新

1. 適用場景

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

2. 基礎(chǔ)功能

2.1 顯示搜索

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

顯示搜索

效果如下:

2.2 清除按鈕

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

清除按鈕

效果如下:

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

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

數(shù)據(jù)源

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

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

3. 常見問題

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

最終效果:

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

最終效果:

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

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

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

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

我們可以快速使用 這個工具。


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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號