码迷,mamicode.com
首页 > Web开发 > 详细

ext.net 布局-- BorderLayout(边框布局)

时间:2015-03-28 17:17:19      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:ext.net   layout   布局   

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(边框布局)

标签:ext.net   layout   布局   

原文地址:http://blog.csdn.net/wyl900606/article/details/44702503

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!