Ext.Net中，第五种BorderLayout布局方式。

（近期会连续更新有关Ext.Net 控件的一些资料，与大家分享，有兴趣或者最近也在研究这方面知识的朋友可以加关注！！！）

在Ext.Net中一共有14种布局方式，下面我会一一介绍。

第四种：AutoLayout布局方式。

AutoLayout布局方式也称为：自动布局方式。（这个是默认的布局方式，所以在这里我就不再讲解了。）

第五种：BorderLayout布局方式。

BorderLayout布局方式也称为：边框式布局方式。

这种布局方式比较简单！

它是通过设置控件的Region属性，来确定控件布局的一种方式。

下面我们看一下代码：

页面源码：

    <ext:ResourceManager ID="ResourceManager1" runat="server">
    </ext:ResourceManager>
    <ext:Panel ID="BorderLayoutPanel" runat="server" Layout="BorderLayout" Title="边框布局方式"
        Height="400" Width="400" X ="100" Y="100">
        <Items>
            <ext:Panel ID="Panel1" runat="server" Height="50" Width="50" Title="西" Region="West"
                Collapsible="true">
                <Items>
                </Items>
            </ext:Panel>
            <ext:Panel ID="Panel2" runat="server" Height="50" Width="50" Title="东" Region="East"
                Collapsible="true">
                <Items>
                </Items>
            </ext:Panel>
            <ext:Panel ID="Panel3" runat="server" Height="50" Width="50" Title="北" Region="North"
                Collapsible="true">
                <Items>
                </Items>
            </ext:Panel>
            <ext:Panel ID="Panel4" runat="server" Height="50" Width="50" Title="南" Region="South"
                Collapsible="true">
                <Items>
                </Items>
            </ext:Panel>
            <ext:TabPanel ID="TabPanel1" runat="server" Height="300" Region="Center" Title="中">
                <Items>
                    <ext:Panel ID="Panel6" runat="server" Title="Tab 1">
                        <Items>
                        </Items>
                    </ext:Panel>
                    <ext:Panel ID="Panel7" runat="server" Title="Tab 2">
                        <Items>
                        </Items>
                    </ext:Panel>
                    <ext:Panel ID="Panel8" runat="server" Title="Tab 3">
                        <Items>
                        </Items>
                    </ext:Panel>
                </Items>
            </ext:TabPanel>
        </Items>
    </ext:Panel>