动态方法注入 grails_Grails动态下拉菜单
動態(tài)方法注入 grails
最近,我有一個UI要求,客戶希望從兩個單獨(dú)的下拉列表中選擇值。 第一個下拉列表的值實(shí)質(zhì)上過濾了第二個下拉列表的值。 鑒于我們支持的財(cái)務(wù)項(xiàng)目對UI的要求并不嚴(yán)格,因此我不得不進(jìn)行一些初步的學(xué)習(xí)和試驗(yàn),以實(shí)現(xiàn)良好的實(shí)施。 這篇博客條目詳細(xì)介紹了如何使用Ajax和最少JavaScript在Grails中實(shí)現(xiàn)動態(tài)下拉菜單。示例問題
人為的動態(tài)下拉菜單可以在下面描述:
用戶想選擇一個城市的運(yùn)動隊(duì)。 用戶首先為下拉菜單選擇一個值以選擇城市。 第二個下拉列表與該城市的運(yùn)動隊(duì)一起過濾。 一個例子來澄清:
- 用戶在第一個下拉列表中選擇達(dá)拉斯作為城市。 第二個下拉列表現(xiàn)在顯示值:小牛,牛仔和游騎兵。
- 用戶在第一個下拉列表中選擇匹茲堡作為城市。 現(xiàn)在,第二個下拉列表顯示值Steelers,Pirates和Penguins。
Grails中的高級設(shè)計(jì)
在深入探討細(xì)節(jié)之前,我們可以退后一步,描述如何在grails框架中完成動態(tài)下拉菜單。
- 在gsp頁面上,使用城市列表創(chuàng)建選擇下拉列表。
- 在更改城市下拉列表時,將ajax調(diào)用發(fā)送到帶有所選城市參數(shù)的服務(wù)器。
- 服務(wù)器上的控制器將接收該參數(shù),并根據(jù)所選城市尋找球隊(duì)。
- 返回帶有新選擇團(tuán)隊(duì)下拉列表的模板,從而提供帶有已過濾團(tuán)隊(duì)列表的模型。
我們將在下面繼續(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)隊(duì)下拉菜單,我們將從一個空的選擇標(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)隊(duì)。 該關(guān)閉是通過ajax調(diào)用的。 閉合呈現(xiàn)模板和模型。
def dynamicDropdown閉合僅用于導(dǎo)航。 按照慣例,它會渲染同名的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
動態(tài)方法注入 grails
總結(jié)
以上是生活随笔為你收集整理的动态方法注入 grails_Grails动态下拉菜单的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 滁州祥生十里地址(滁州祥生十里备案价)
- 下一篇: linux启动系统内核程序在哪(linu