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

 

前面的章节中所实现的功能大都是 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。