EXT.NET--FORM控件

最新推荐文章于 2020-04-04 10:07:50 发布

iteye_563

最新推荐文章于 2020-04-04 10:07:50 发布

阅读量94

点赞数

<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>

iteye_563

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
EXT.NET--FORM控件

&lt;ext:FormPanel ID="Panel1" runat="server" Title="Simple Form" BodyPaddingSummary="5 5 0" Width="350" Frame="true"
复制链接

扫一扫