中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

最近看到一篇文章，關于下拉框聯動的問題，個人覺得使用動態面板狀態使用起來不太方便，也不便于擴充，所以就自制了一個多級菜單聯動的元件出來，與大家共享一下。如果大家有什么想要做的小功能或元件可以留言告訴我，我們可以一起動手。

預覽

一、元件準備

1、文本框一個。用于構建下拉框使用，命名“一級”，設置成只讀狀態；

2、矩形框兩個。用于構建下拉框使用，只是為了構建下拉框右側的下三角使用，這里就不用命名了，一個設置成倒三角性狀，并將兩個矩形框與“一級”文本框組合起來；

3、動態面板一個。命名“一級”，用于顯示下拉框需要展示的內容，設置成隱藏狀態；

4、中繼器一個。命名“一級”用于存放下拉框的內容。將“一級”中繼器放到“一級”動態面板中，且在“一級”中繼器里面放置一個矩形框；

二、添加用例

1、組合添加用例。點擊時顯示“一級”動態面板；

2、“一級”動態面板添加用例。鼠標移出“一級”動態面板時，隱藏“一級”動態面板；

3、“一級”中繼器添加用例。中繼器在每項加載時，將內容放置到中繼器中的矩形框上，并且去判斷是否為第一項，如果為第一項則設置成默認項，將該項的內容賦給“一級”文本框；

4、到這里我們就可以直接復制了，復制出二級、三級……來，本文案例是三級聯動，所以就復制出來二級、三級就好了。記得要把名字改過來哈，并且要注意的是二級、三級中繼器里面的字段，看截圖(一級的在上面的圖上也有哦)；

5、中繼器中的無名矩形框添加用例。在鼠標點擊無名矩形框時，將文字設置給“一級”文本框，并隱藏掉“一級”動態面板，如果存在多級，則需要根據選中的內容去過濾下級的內容，本文案例是三級聯動，所以這里就有二級和三級的過濾；

①添加二級篩選；

②添加三級過濾；

6、二級組合框添加用例。根據選擇的一級內容篩選二級；

7、二級中繼器添加用例；

8、二級中繼器中的無名矩形框添加用例；

9、下面的以此類推，這里就不寫了。

三、預覽

直接F5或鼠標點擊預覽按鈕，開始體驗吧~

本文由 @無淚 原創發布于人人都是產品經理。未經許可，禁止轉載。