Grails动态下拉菜单
示例問題
人為的動態(tài)下拉菜單可以在下面描述：
用戶想選擇一個城市的運(yùn)動隊。 用戶首先為下拉菜單選擇一個值以選擇城市。 第二個下拉列表與該城市的運(yùn)動隊一起過濾。 一個例子來澄清：
- 用戶在第一個下拉列表中選擇達(dá)拉斯作為城市。 第二個下拉列表現(xiàn)在顯示值：小牛，牛仔和游騎兵。
- 用戶在第一個下拉列表中選擇匹茲堡作為城市。 現(xiàn)在，第二個下拉列表顯示“鋼人”，“海盜”和“企鵝”的值。
Grails中的高級設(shè)計
在進(jìn)入細(xì)節(jié)之前，我們可以退后一步，描述如何在grails框架中完成動態(tài)下拉菜單。
- 在gsp頁面上，使用城市列表創(chuàng)建選擇下拉列表。
- 在更改城市下拉列表時，將ajax調(diào)用與選定城市的參數(shù)一起發(fā)送到服務(wù)器。
- 服務(wù)器上的控制器將接收該參數(shù)，并根據(jù)所選城市尋找球隊。
- 返回帶有新選擇團(tuán)隊下拉列表的模板，為模型提供帶有已過濾團(tuán)隊列表的模型。
我們將在下面繼續(xù)介紹代碼片段。 該代碼使用Grails 2.0進(jìn)行了演示。
域?qū)ο?/strong>
此示例的域?qū)ο蠓浅：唵?#xff1a;帶有名稱的City對象和Team對象。
Gsp頁面
一個gsp頁面包含直接來自GORM調(diào)用的城市列表。 這通常由默認(rèn)生成的grails gsp頁面執(zhí)行和演示。 注意remoteFunction的使用。 這是一個grails gsp實(shí)用程序，它對服務(wù)器進(jìn)行ajax調(diào)用，并為要返回的dom部分提供“ update”。
對于團(tuán)隊下拉菜單，我們將從一個空的選擇標(biāo)簽開始。 下面是一個片段。
<g:select name="city.id" from="${City.list()}" optionKey="id" optionValue="name"noSelection="['':'Choose City']"onchange="${remoteFunction (controller: 'city',action: 'findTeamsForCity',params: ''city.id=' + this.value',update: 'teamSelection')}" />....<td id="teamSelection" valign="top"><select><option>Choose Team</option></select></td>用于過濾的控制器
控制器將具有一個封閉區(qū)，該封閉區(qū)將輸入城市ID，然后使用它來提供與城市相關(guān)的團(tuán)隊。 該關(guān)閉是通過ajax調(diào)用的。 閉合呈現(xiàn)模板和模型。
def dynamicDropdown閉合僅用于導(dǎo)航。 按照約定，它會呈現(xiàn)相同名稱的gsp。
package dropdownclass CityController {static scaffold = City// just navigation to the gspdef dynamicDropdown = {}def findTeamsForCity = {def city = City.get(params.city.id)render(template: 'teamSelection', model: [teams: city.teams])} }模板
該模板用于替換gsp中dom的一部分。 它接受提供的任何模型。
<!-- This template renders a drop down after a city is selected --><g:select name="team.id" from="${teams}" optionValue="name"optionKey="id"/>結(jié)論
有多種方法可以完成動態(tài)下拉列表。 可以使用本機(jī)jQuery，甚至可以使用本機(jī)JavaScript。 我選擇利用grails的內(nèi)置功能并減少對客戶端編程的依賴。 事實(shí)證明，這是干凈，快速且非常簡單的！
參考： Assar Java Consulting博客中來自JCG合作伙伴 Nirav Assar的Grails Dynamic Dropdown 。
翻譯自: https://www.javacodegeeks.com/2012/06/grails-dynamic-dropdown.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結(jié)
以上是生活随笔為你收集整理的Grails动态下拉菜单的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 电脑主板上的九针串口(电脑主板九针串口接
- 下一篇： 落宗是什么意思