溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“select組件的封裝方法是什么”的相關(guān)知識(shí)，小編通過(guò)實(shí)際案例向大家展示操作過(guò)程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“select組件的封裝方法是什么”文章能幫助大家解決問(wèn)題。
引用方式:我只需要使用select組件，然后再model屬性中添上我們對(duì)應(yīng)代碼項(xiàng)中的編碼就可以了，
具體實(shí)現(xiàn)的邏輯
首先在所有的頁(yè)面引入以下的js,可以將這段js放在一個(gè)公用的js里面，就不需要我們單獨(dú)的調(diào)用了，這里面主要通過(guò)遍歷頁(yè)面中所有class為model的組件，然后以此遍歷，拿到model屬性對(duì)應(yīng)的值也就就代碼項(xiàng)編碼，這里是（"MKGL"），通過(guò)使用ajax請(qǐng)求到后臺(tái)的controller里拿到代碼項(xiàng)的集合，通過(guò)json返回來(lái)之后，在進(jìn)行解析遍歷生成動(dòng)態(tài)的下拉框值，由于這里使用的是bootstrap select組件，在拼接好option之后需要進(jìn)行組件的刷新。這樣就可以了
主要的js片段
最后我們看看對(duì)應(yīng)后臺(tái)模塊，這個(gè)controller可以寫(xiě)在通用的controller下,后臺(tái)拿到model之后，直接去代碼項(xiàng)的表中尋找這個(gè)集合，由于我這里是放在ehcache緩存里面的，我直接從緩存中取出來(lái)的，不過(guò)邏輯都一樣的，然后以json格式返回到前臺(tái)進(jìn)行解析。
selectcontroller
關(guān)于“select組件的封裝方法是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
