MonoRail学习笔记十二:layout布局的使用
2009-04-28 13:02
746 查看
在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中的母版页的话应该很好理解的
在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中的母版页的话应该很好理解的
相关文章推荐
- MonoRail学习笔记十二:layout布局的使用
- MonoRail学习笔记十二:layout布局的使用
- 【Unity 3D】学习笔记十二:GUILayout(界面布局)
- c#学习笔记之使用 TableLayoutPanel 控件设置窗体布局
- iOS开发笔记--使用Auto Layout中的VFL(Visual format language)--代码实现自动布局
- QT学习笔记----布局管理器的使用
- [Android developers blog 学习笔记]android 布局优化:标签include和merge的使用
- Python学习笔记十二:列表(4)--len 、in、For的使用
- Andriod 学习笔记 layout布局
- swing学习笔记十一(卡片布局管理器CardLayout )
- ROS学习笔记十二:使用roswtf
- MonoRail学习笔记二十:资源文件的使用和多语言支持
- MonoRail学习笔记八:页面缓存的使用
- MonoRail学习笔记九:Rescue的使用
- Quick cocos2dx-Lua(V3.3R1)学习笔记(十二)----使用Cocos Code IDE 配合自带的PrebuiltRuntimeLua.apk进行真机调试
- IOS 开发学习笔记-基础 UI(十)九宫格布局,块动画,字典转模型,Xib使用
- iOS开发笔记--使用Auto Layout中的VFL(Visual format language)--代码实现自动布局
- SMP3.0学习笔记之十二 使用AppBuilder读取OData服务的数据
- iOS开发笔记--使用Auto Layout中的VFL(Visual format language)--代码实现自动布局
- Flex学习笔记_04 使用容器控制界面布局