ext.net 布局-- BorderLayout（边框布局）

浏览数：38 / 时间：2015年06月09日

Ext.Net中的布局是对ExtJS布局的封装，可以用在panel控件，或者继承自panel的控件。

<body>
    <ext:ResourceManager runat="server" />
    <div>
        <ext:Viewport ID="Viewport1" runat="server" Layout="Fit">
            <Items>
                <ext:BorderLayout ID="BorderLayout1" runat="server">
                    <Items>
                        <ext:Panel runat="server" Region="West" Title="西" Width="100" Border="true">
                        </ext:Panel>
                        <ext:Panel runat="server" Region="East" Title="东" Width="100" Border="true">
                        </ext:Panel>
                        <ext:Panel runat="server" Region="North" Title="北" Height="100" Border="true">
                        </ext:Panel>
                        <ext:Panel runat="server" Region="South" Title="南" Height="100" Border="true">
                        </ext:Panel>
                        <ext:Panel runat="server" Region="Center" Title="中" Border="true">
                        </ext:Panel>
                    </Items>
                </ext:BorderLayout>
            </Items>
        </ext:Viewport>
    </div>
</body>

也可以是下边这种写法

 <ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout">
        <Items>
         <ext:Panel runat="server" Region="West" Width="350">
            <ext:Panel runat="server" Width="213px" Region="West" ID="ctl138" IDMode="Legacy">
                <Items>
                    <ext:AccordionLayout ID="AccordionLeft" runat="server" Animate="true">
                    </ext:AccordionLayout>
                </Items>
            </ext:Panel>

点击打开链接

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

ext.net 布局-- BorderLayout（边框布局）