EXT.NET--FORM控制元件
阿新 • • 發佈：2018-12-27
<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>