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能够显示更多的内容。

通常我都是布置好了布局以后才详细思考接下来要填充的东西，我喜欢这么作。