EXT.NET--FORM控件

最新推荐文章于 2018-02-08 11:49:54 发布

snn1410

最新推荐文章于 2018-02-08 11:49:54 发布

阅读量1.5k

点赞数

分类专栏： EXT.NET

本文链接：https://blog.csdn.net/snn1410/article/details/22945077

版权

EXT.NET 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<ext:FormPanel 
            ID="Panel1" 
            runat="server" 
            Title="Simple Form"
            BodyPaddingSummary="5 5 0"
            Width="350"
            Frame="true"
            ButtonAlign="Center"
            Layout="FormLayout">
            <FieldDefaults MsgTarget="Side" LabelWidth="75" />
            <Plugins>
                <ext:DataTip runat="server" />
            </Plugins>
            <Items>
                <ext:TextField runat="server" FieldLabel="First Name" AllowBlank="false">
                    <CustomConfig>
                        <ext:ConfigItem Name="tooltip" Value="Enter your first name" />
                    </CustomConfig>
                    <AfterLabelTextTpl>
                        <Html>
                            <span style="color:red;font-weight:bold" data-qtip="Required">*</span>
                        </Html>
                    </AfterLabelTextTpl>
                </ext:TextField>
                <ext:TextField runat="server" FieldLabel="Last Name" AllowBlank="false">
                    <CustomConfig>
                        <ext:ConfigItem Name="tooltip" Value="Enter your last name" />
                    </CustomConfig>
                    <AfterLabelTextTpl>
                        <Html>
                            <span style="color:red;font-weight:bold" data-qtip="Required">*</span>
                        </Html>
                    </AfterLabelTextTpl>
                </ext:TextField>
                <ext:TextField runat="server" FieldLabel="Company">
                    <CustomConfig>
                        <ext:ConfigItem Name="tooltip" Value="Enter your employer's name" />
                    </CustomConfig>
                </ext:TextField>
                <ext:TextField runat="server" FieldLabel="Email" Vtype="email" AllowBlank="false">
                    <CustomConfig>
                        <ext:ConfigItem Name="tooltip" Value="Enter your email address" />
                    </CustomConfig>
                    <AfterLabelTextTpl>
                        <Html>
                            <span style="color:red;font-weight:bold" data-qtip="Required">*</span>
                        </Html>
                    </AfterLabelTextTpl>
                </ext:TextField>
                <ext:DateField runat="server" FieldLabel="DOB">
                    <CustomConfig>
                        <ext:ConfigItem Name="tooltip" Value="Enter your date of birth" />
                    </CustomConfig>
                </ext:DateField>
                <ext:NumberField runat="server" MinValue="0" MaxValue="100" FieldLabel="Age">
                    <CustomConfig>
                        <ext:ConfigItem Name="tooltip" Value="Enter your age" />
                    </CustomConfig>
                </ext:NumberField>
                <ext:TimeField runat="server" FieldLabel="Time" MinTime="08:00" MaxTime="18:00">
                    <CustomConfig>
                        <ext:ConfigItem Name="tooltip" Value="Enter a time" />
                    </CustomConfig>
                    <Plugins>
                        <ext:DataTip runat="server">
                            <Tpl>
                                <Html>
                                    Select time {date:date("G:i")}
                                </Html>
                            </Tpl>
                        </ext:DataTip>
                    </Plugins>
                </ext:TimeField>
            </Items>
            <Buttons>
                <ext:Button runat="server" Text="Save" Handler="this.up('form').getForm().isValid();" />
                <ext:Button runat="server" Text="Cancel" Handler="this.up('form').getForm().reset();" />
            </Buttons>
        </ext:FormPanel>