[Andrew]Ext.Net常用布局(Border布局)

@(Html.X().Window()
.Width(600)
.Height(400)
.Layout(LayoutType.Border)
 .Items(p =>
 {
     p.Add(Html.X().Panel().Title("North")
         .Height(100)
         .Region(Region.North)
         .Items(i => { }));
     p.Add(Html.X().Panel().Title("South")
         .Height(100)
        .Region(Region.South)
        .Items(i => { }));
     p.Add(Html.X().Panel().Title("Center")
        .Region(Region.Center)
        .Items(i => { }));
     p.Add(Html.X().Panel().Title("West")
         .Width(100)
        .Region(Region.West)
        .Items(i => { }));
     p.Add(Html.X().Panel().Title("East")
         .Width(100)
        .Region(Region.East)
        .Items(i => { }));
}));

效果如下:

Border布局是我们常用的布局,这里我们是创建了一个Window,设置他的布局Layout属性为LayoutType.Border,这样就创建好了一个布局为Border的Window;接下来我们给当前布局为Border的Window添加相应的元素:这里已Panel为例,我们只需定义每个Panel的Region属性即可定义Panel所处的位置(可以设置的位置有Center(中心)、North(北部)、South(南部)、West(西部)、East(东部)、None(无)),这样就完成了简单的Border布局。

[Andrew]Ext.Net常用布局(Border布局),古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。