现在的位置: 首页 > 综合 > 正文

使用 Grails 快速开发 Web 应用程序–定制页面

2018年08月08日 ⁄ 综合 ⁄ 共 1195字 ⁄ 字号 评论关闭
 

前面的章节中所实现的功能大都是 Grails 自动生成了页面,这一节中,我们将对 Grails 自动生成的页面进行定制,以创建一个高级搜索的功能。

Gralis
自动生成的页面会显示 Domain 类的第一个字段,但我们并不需要它显示 id 字段,所以分别去掉
grails-app/views/member/list.gsp 和 grails-app/views/team/list.gsp 的 id
列。这是最基本的 html 代码,就不在此累述了。接下来,我们为 Team 的 list 页面添加一个 Show Member 和一个 Add
Member 的 Link,代码如下:

<g:each in="${teamList}" status="i" var="team">
<tr class="${(i % 2) == 0 ? 'odd' : 'even'}">
<td>${team.teamName?.encodeAsHTML()}</td>
<td>${team.foundDate?.encodeAsHTML()}</td>
<td>
<g:link action="show" id="${team.id}">Show Members</g:link>
</td>
<td>
<g:link controller="member" action="create" params="['team.id':team.id]">
Add Members
</g:link>
</td>
</tr>
</g:each>

第一个 Link 使用了传单个 id 的方法,会生成如下的链接: /Contact/team/show/1(假定 team.id 的值是 1)。它会跳转到显示单个 Team 的页面,该页面提供了对 Team Member 的列表显示。

第二个 Link 使用了 params 属性,会生成如下链接:/Contact/member/create?team.id=1(假定 team.id 的值是 1)。这里的参数名使用了一个小小的技巧,MemberController 的 create Action 代码如下:

def create = {
def member = new Member()
member.properties = params
return ['member':member]
}

执行完 member.properties = params 后,member.team.id 会被赋值为 Link 传入的值。而在相应页面(grails-app/views/member/create.gsp)上的 g:select 标签上,有一个写表单的操作:

<g:select 
optionKey="id"
from="${Team.list()}"
name='team.id'
value="${member?.team?.id}" >
</g:select>

这就能保证但每次点击 Add Member 进入到 Create Member 页面后,在下拉列表中能够自动默认显示对应的 Team。

抱歉!评论已关闭.