Ext.Net中,第三种AnchorLayout布局方式。

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

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

第三种:AnchorLayout布局方式。

AnchorLayout布局方式也称为:锚布局方式。

这种布局方式比较简单!

它只支持用AnchorHorizontal(锚水平)和AnchorVertical(锚垂直)进行布局的布局方式。

下面我们看一下代码:

页面源码:

<ext:ResourceManager ID="ResourceManager1" runat="server">
    </ext:ResourceManager>
    <ext:Window ID="Window1" 
            runat="server"
            Title="Resize Me"
            Icon="ArrowOut"
            Width="500"
            Height="300"
            MinWidth="300"
            MinHeight="200"
            Plain="true" 
            BodyPadding="5"
            ButtonAlign="Center"
            LabelWidth="55"
            Layout="AnchorLayout">
            <Items>
                <ext:TextField ID="TextField1" runat="server" FieldLabel="Send to" AnchorHorizontal="100%" />
                <ext:TextField ID="TextField2" runat="server" FieldLabel="Subject" AnchorHorizontal="100%" />
                <ext:TextArea ID="TextArea1" runat="server" HideLabel="true" AnchorHorizontal="100%" AnchorVertical="-53" />
            </Items>
            <Buttons>
                <ext:Button ID="Button1" runat="server" Text="Save" Icon="Disk" />
                <ext:Button ID="Button2" runat="server" Text="Cancel" Icon="Decline" />
            </Buttons>
        </ext:Window>

posted @ 2013-05-13 09:39  陈海波  阅读(594)  评论(1编辑  收藏  举报