學院以及專業選擇框的級聯選擇

2021-08-20 07:45:59 字數 931 閱讀 7494

在學院資訊和專業資訊的獲取這有兩種可行方案,一種是分開獲取,先獲取學院,再根據學院獲取專業;另一種是直接獲取到整個學院跟專業的對映,然後根據這個來在前端進行展示,無需二次請求。這兩種方法各有利弊,但是在這裡,第一種方法是不可行的,因為我們是要在乙個列表裡面選擇專業,如果在分開獲取的話,會出現很多網路請求來獲取專業資訊;還有就是,如果一下子修改兩行資料的話,兩行的學院不一樣,那麼專業獲取的內容將會出錯,造成不必要的資料出錯的問題。因此,我們將獲取專業與學院結合,放入全域性的config中。

collegeandmajor:function()

}, 3:}};

}

然後我們要通過什麼形式來展示呢?

這裡,我們選擇了級聯選擇器cascader,樣子是這樣的。

我們需要在table元件中,先獲取到對映表,然後將其轉化成我們所需要的資料型別:

然後,級聯選擇器元件會根據這個來進行渲染:

} />

):(this.schooldata[val[0]]['name']+'/'+this.schooldata[val[0]]['children'][val[1]])}}

就這樣,解決了學院與專業獲取的難題。

的級聯選擇 ZStack 級聯框架

雲中的資源相互都有關係。操作乙個資源通常會引發連鎖反應 例如,當刪除乙個集群的時候,是非常合理地去刪除屬於該集群的所有主機並停止所有在這些主機上執行的虛擬機器。傳統的iaas軟體要麼硬編碼連鎖反應,要麼簡單地禁止這些操作,例如,禁止使用者刪除有虛擬機器執行的集群。zstack提供乙個級聯框架,用以散...

Element以及iview 的級聯選擇器回顯方法

data v model value1 cascader 這是iview的級聯選擇器,正常去拿到它的值是一點問題沒有,後端一般只需要末端的id或者 value 返回給我們的也是這個末端的,當我們拿到這個值直接去賦值是雙向繫結的值是不行的,因為雙向繫結的是陣列,而我們的是末端的id,這時候就需要反向遍...

二級聯動選擇框的實現

二級聯動下拉列表選擇應用在在很多地方,比如說省市下拉聯動,商品大小類下拉選擇聯動。本文將通過例項講解使用jquery php mysql來實現大小分類二級下拉聯動效果。實現的效果就是當選擇大類時,小類下拉框裡的選項內容也隨著改變。實現原理 根據大類的值,通過jquery把值傳給後台php處理,php...