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>