`

grails 中layout的问题

Grails 
阅读更多
定义页面布局（Layouts）
页面布局可以通过Grails对SiteMesh的支持来创建，有两种方法来创建页面布局，一种是在视图页面中设置名为"layout"的meta标签的值来指定需要使用的页面布局：

<html>
    <head>
  <meta name="layout" content="main"></meta>
    </head>
    <body>This is my content!</body>
</html>

现在在"grails-app/views/layouts"目录下创建名为"main.gsp"的布局就可以了！内容如下：

<html>
       <head>
          <title><g:layoutTitle default="An example decorator" /></title>
               <g:layoutHead />
      </head>
<body onload="${pageProperty(name:'body.onload')}">
                 <div class="menu"><!--my common menu goes here--></menu>
                 <div class="body">
                      <g:layoutBody />
             </div>
</body>
</html>

这个布局使用了 GSP 标签 来将布局应用到目标页面。


GSP对于页面布局也提供了支持，这就是Layout。它是以Sitemesh为基础，同样也是GSP文件，文件位于grails-app/views/layouts。Layout定义涉及3个主要元素：

layoutTitle，输出目标页Title
layoutHead，输出目标页Head
layoutBody，输出目标页Body
使用示例：

<html>
      <head>
          <title><g:layoutTitle default="An example decorator" /></title>
          <g:layoutHead />
      </head>
      <body onload="${pageProperty(name:'body.onload')}">
            <div class="menu">
                 <!--my common menu goes here?
                 <div class="body">
                      <g:layoutBody />
                 </div>
            </div>
      </body>
</html>
其中，pageProperty，可用于输出目标页的某个属性。

对于Layout的使用，4种方式。

法1：在<head>之间使用<meta name="layout" content="main"></meta>。

法2：使用规约。通过存放位置来确定。当有多个匹配时，以详细的优先使用：

应用于Controller：grails-app/views/layouts/controller-name.gsp
Action：grails-app/views/layouts/controller-name/action-name.gsp
法3：使用Controller的layout属性

class BookController {
    //该controller相关的所有view都将使用
    //grails-app/views/layouts/customer.gsp为Layout
    static layout = 'customer'
    def list = {  … }
}
法4，使用<g:applyLayout>，对内容区域、URL、template应用模板：

<g:applyLayout name="myLayout" template="bookTemplate" collection="${books}" />

<g:applyLayout name="myLayout" url="http://www.google.com" />

<g:applyLayout name="myLayout">
        The content to apply a layout to
</g:applyLayout>
在GSP中使用inlcude，有以下的方式：

作为标签：<g:include controller="book" action="list"/>
或者跟applyLayout合用：

    <g:applyLayout name="myLayout">
       <g:include controller="book" action="list"/>
    </g:applyLayout>作为方法调用：def content = include(controller:"book", action:"list")
在Layout中，我们还可以使用内容块，这将让我们可以更灵活地使用layout。它的使用分成2部分：

在Layout中使用<g:pageProperty />预留：

<div id="left1">
    <g:pageProperty name="page.layout1.left.content"/>
</div>
<div id="top2">
    <div id="toolbar"></div>
</div>
<div id="center2">
    <g:pageProperty name="page.layout2.center.content"/>
</div>
<div id="bottom2">
    <g:pageProperty name="page.layout2.bottom.content"/>
</div>
<g:pageProperty name="page.other"/>
在内容页中使用<content>填充：

<content tag="layout1.left.content"> <!-- 注意没有page前缀 -->
    <div id="toc"></div>
</content>
<content tag="layout2.center.content">
    <div id="terminal"></div>
</content>
<content tag="layout2.bottom.content">
    <div id="helpstone"></div>
</content>
<content tag="other">
    <div id="how-to" style="text-align:left;">
        ...
    </div>
</content>
分享到：
| MyEclipse6.5 + Adobe Flex Builder 3 插件 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics