MonoRail学习笔记十二:layout布局的使用

简介:
在Asp.net中提供了MasterPage母版页的机制,可以实行整体风格的控制
在MonoRail中同样提供了这种机制,可以方便的处理布局和一些整体风格。

使用方式很简单,主要就是Layout属性:
LayoutController.cs
1     [Layout( " /master " )]
2      public   class  LayoutController : Controller
3      {
4        public void Index()
5        {
6            //LayoutName = "/master2";
7
8        }

9    }
表示这个Controller里面所有的vm都是使用/master的布局设置。其中第六行注释放开之后可以动态更换一个布局

/views/master.vm
< html >
< body >
$!head 
< br />
Welcome!
< p > $childContent </ p >
$!footer

</ body >
</ html >
指定了三个区域,就相当于三个Asp.net中的内容一样,其中$childContent是固定名称的

/views/layout/index.vm
#capturefor(head)
    11111
#end
Inner Content
#capturefor(footer)
    22222
#end
最后显示的结果就是两个vm结合后的页面显示

如果熟悉Asp.net中的母版页的话应该很好理解的


    本文转自永春博客园博客,原文链接:http://www.cnblogs.com/firstyi/archive/2007/11/01/945417.html,如需转载请自行联系原作者


相关文章
|
6月前
|
Dart
带你读《深入浅出Dart》二十五、Widget和布局(2)
带你读《深入浅出Dart》二十五、Widget和布局(2)
|
6月前
|
Dart 前端开发 容器
带你读《深入浅出Dart》二十五、Widget和布局(1)
带你读《深入浅出Dart》二十五、Widget和布局(1)
|
7月前
|
Web App开发 前端开发 开发者
SAP UI5 FlexBox Layout 布局的概念和具体使用案例介绍试读版
SAP UI5 FlexBox Layout 布局的概念和具体使用案例介绍试读版
46 0
|
10月前
|
Java Android开发 容器
Android实战开发--小慕笔记UI设计(Fragment布局的使用)
Android实战开发--小慕笔记UI设计(Fragment布局的使用)
Android实战开发--小慕笔记UI设计(Fragment布局的使用)
高级UI系列(四) 扩展TextView 边角Drawable实战篇
高级UI系列(四) 扩展TextView 边角Drawable实战篇
68 0
高级UI系列(四) 扩展TextView 边角Drawable实战篇
|
XML Android开发 数据格式
Android自定义控件(十二)——自定义属性及应用
Android自定义控件(十二)——自定义属性及应用
135 0
Android自定义控件(十二)——自定义属性及应用
|
前端开发
前端项目实战114-layout布局的设置
前端项目实战114-layout布局的设置
87 0
|
XML API Android开发
Android动态换肤原理解析及实践
前言: 本文主要讲述如何在项目中,在不重启应用的情况下,实现动态换肤的效果。换肤这块做的比较好的,有网易云音乐,qq等,给用户带来了多样的界面选择和个性化定制。
2013 1
|
XML Android开发 数据格式
【Android开发学习笔记之一】5大布局方式详解
Android中常用的5大布局方式有以下几种: 线性布局(LinearLayout):按照垂直或者水平方向布局的组件。 帧布局(FrameLayout):组件从屏幕左上方布局组件。 表格布局(TableLayout):按照行列方式布局组件。
1274 0

热门文章

最新文章