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>

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

你可能感兴趣的:(layout)