Ext.net学习笔记之ViewPort布局

前段时间开始学习Ext.net ,感觉很强大,对于我这菜鸟来说是这样。

我是学了又忘,忘了又去学的人,所以写写笔记,给自己长点记性。

 

在ViewPort布局中,主要是对Panel之类的Region属性的一个运用。Region属性有6个属性可以选择:North、South、West、East、Center和None。

比如下图的布局:

相应的代码:

<ext:Viewport runat="server" Layout="BorderLayout">
    <Items>
      <ext:Panel runat="server" Region="North" Title="North" Height="100"></ext:Panel>
      <ext:Panel runat="server" Region="West" Title="West" Width="200" Collapsible="true"><Items></Items></ext:Panel>
      <ext:Panel runat="server" Region="Center" Title="Center"></ext:Panel>
    </Items>
</ext:Viewport>

关键的ViewPort的Layout属性必须设置为BorderLayout属性,才可以正确的显示。

在Panel中,只要添加你想要的内容就可以了,比如想在West中制作一个菜单,可以,把你做好的菜单布局放进Items中。也可以设置Panel是否可折叠,就是上面的West的Panel的Collapsible属性,true为可折叠,false反之;Collapsed属性设置是否处于折叠状态,true为折叠,false为展开。

折叠之后Center可以显示更多的内容。

一般我都是布置好了布局之后才详细思考接下来要填充的东西,我喜欢这么做。

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