May 17, 2011, 2:20 PM
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ValidationTest.aspx.cs"
Inherits="validation.ValidationTest" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<%@ Register Assembly="Ext.Net.UX" Namespace="Ext.Net.UX" TagPrefix="ux" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" />
<style type="text/css">
.x-form-invalid-icon
{
padding-left: 25px !important;
background: url('../Images/icon-alert.png') no-repeat 3px 3px !important;
}
input.x-form-invalid, textarea.x-form-invalid
{
background-color: #FFD4D4 !important;
background: url('../Images/textfield-error.png') 22px !important;
border-color: #BF0000 !important;
border-width: 1px !important;
}
.requeridField
{
background: url('../Images/icon-mandatory.png');
}
/* .x-form-item .x-form-item-label
{
font-weight:bold;
}
.x-form-field
{
font-family:Tahoma;
font-size:8pt;
}
.x-form-field-redonly {
border: none;
background-image: none;
} */
</style>
<script type="text/javascript">
var validate = function (container) {
container.myIsValid = true;
container.cascade(
function (c) {
if (c.isValid) {
this.myIsValid = c.isValid();
}
},
container);
alert(container.myIsValid);
}
</script>
<script type="text/javascript" src="Scripts/ValidationFormatDate.js"></script>
<script type="text/javascript" src="Scripts/ValidationFormatText.js"></script>
<script type="text/javascript" src="Scripts/ValidationFormatNumber.js"></script>
<script type="text/javascript" src="Scripts/ValidationFormatValue.js"></script>
<script type="text/javascript" src="Scripts/ValidationGenericFormat.js"></script>
</head>
<body >
<form id="form1" runat="server" >
<ext:ResourceManager ID="ResourceManager1" runat="server" EnableViewState="true" ViewStateMode="Enabled" AjaxViewStateMode="Enabled" />
<ext:Viewport runat="server" ID="ViewPort1">
<Items>
<ext:Button ID="bt1Salvar" runat="server" Text="SalvarForaFormPainel">
<Listeners>
<Click Handler="validate(Panel1);" />
</Listeners>
</ext:Button>
<ext:FormPanel ID="FormPanel1" runat="server" >
<Items>
<ext:Panel ID="Panel1" runat="server" Border="false" Header="false"
Padding="20" Layout="Form" LabelAlign="Right">
<Items>
<ext:ColumnLayout ID="ColumnLayout1" runat="server" Split="true" FitHeight="false">
<Columns>
<ext:LayoutColumn ColumnWidth="0.3">
<ext:Panel ID="Panel2" runat="server" Border="false" Header="false"
Padding="20" Layout="Form" LabelAlign="Right">
<Items>
<ext:CompositeField ID="CompositeField1" runat="server" IndicatorIconCls="requeridField"
Width="228" MsgTarget="Side">
<Items>
<ext:TextField ID="txtCD_USUARIO" FieldLabel="Usuário" Cls="x-form-field-redonly" LabelAlign="Right" runat="server"
MsgTarget="Side" AllowBlank="false" Width="200" SelectOnFocus="true" EnableKeyEvents="true">
</ext:TextField>
<ext:Button ID="btnListaValores_CD_USUARIO" runat="server" IconCls="CssExtButtonListValues"
ToolTip="Lista" >
<Listeners>
<Click Fn="function(){teste('ertert');}" />
</Listeners>
</ext:Button>
</Items>
</ext:CompositeField>
<ext:CompositeField ID="CompositeField3" runat="server" FieldLabel="ValorxxxTextFild" IndicatorIconCls="requeridField"
Width="130" MsgTarget="Side" >
<Items>
<ext:TextField ID="NumberField42" runat="server" Cls="x-form-field-redonly" LabelAlign="Right"
MsgTarget="Side" AllowBlank="false" EnableKeyEvents="true" SelectOnFocus="true">
</ext:TextField>
</Items>
</ext:CompositeField>
<ext:TextField ID="NumberField189" runat="server" FieldLabel="Este é um nro" IndicatorText="*"
MsgTarget="Side" AllowBlank="false" SelectOnFocus="true"
EnableKeyEvents="true" MaxLength="5" >
</ext:TextField>
<ext:TextField ID="TextField2" runat="server" FieldLabel="permite" IndicatorText="*"
MsgTarget="Side" AllowBlank="false" BlankText="teste2" />
<ext:TextField ID="TextField3" runat="server" FieldLabel="Company" />
<ext:TextField ID="TextField4" runat="server" FieldLabel="Company" />
<ext:TextField ID="TextField5" runat="server" FieldLabel="Company" />
<ext:TextField ID="TextField6" runat="server" FieldLabel="Company" />
<ext:NumberField ID="NumberField2" runat="server" FieldLabel="Nro" ></ext:NumberField>
<%--
<ext:CompositeField ID="CompositeField2" runat="server" ReadOnly="true" FieldLabel="Data"
Width="98" MsgTarget="Side" IndicatorIconCls="requeridField" >
<Items>--%>
<ext:DateField ID="date1" runat="server" FieldLabel="Data" ReadOnly="true"
AllowBlank="false" EnableKeyEvents="true"
SelectOnFocus="true" Format="dd/MM/yyyy" MsgTarget="Side" MinDate="01/01/1753" >
<%-- <Listeners>
<AfterRender Handler="validationFormatDateAfterRender(this,'12/10/2010');" />
<Blur Handler="validationFormatDate(this);" />
</Listeners>--%>
<Plugins>
<ux:InputTextMask ID="date1Mask" runat="server" Mask="99/99/9999" />
</Plugins>
</ext:DateField>
<%--
</Items>
</ext:CompositeField>--%>
<ext:Button ID="Button1" runat="server" Text="Salvar">
<%--<Listeners>
<Click Handler="if (#{FormPanel1}.getForm().isValid()) Ext.Msg.alert('ValidatorParam1', 'ok'); " />
</Listeners>--%>
</ext:Button>
<ext:Button ID="btnValidate" runat="server" Text="Validar" Height="24" Width="103">
<DirectEvents>
<Click Before="if (#{FormPanel1}.getForm().isValid()==false) return false; else return true;" OnEvent="btnValidate_Click">
</Click>
</DirectEvents>
</ext:Button>
<ext:DateField ID="DateField1" runat="server" Format="dd/MM/yyyy" Text="05/05/2011" >
<Plugins>
<ux:InputTextMask ID="InputTextMask1" runat="server" Mask="99/99/9999" />
</Plugins>
</ext:DateField>
</Items>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.5">
<ext:Panel ID="Panel21" runat="server" Border="false" Header="false" ColumnWidth=".8"
Padding="20" Layout="Form" LabelAlign="Right">
<Items>
<ext:CompositeField ID="CompositeField11" runat="server" IndicatorText="*" IndicatorCls="requeridField"
Width="228" MsgTarget="Side">
<Items>
<ext:TextField ID="txtCD_USUARIO1" FieldLabel="Usuário1" LabelAlign="Right" runat="server"
MsgTarget="Side" AllowBlank="false" Width="200" EnableKeyEvents="true">
</ext:TextField>
<ext:Button ID="btnListaValores_CD_USUARIO1" runat="server" IconCls="CssExtButtonListValues"
ToolTip="Lista">
</ext:Button>
</Items>
</ext:CompositeField>
<ext:TextField ID="TextField11" runat="server" FieldLabel="First Name" IndicatorText="*"
MsgTarget="Side" AllowBlank="false" />
<ext:TextField ID="TextField21" runat="server" FieldLabel="permite" IndicatorText="*"
MsgTarget="Side" AllowBlank="false" BlankText="teste2" />
<ext:TextField ID="TextField31" runat="server" FieldLabel="Company" />
<ext:TextField ID="TextField41" runat="server" FieldLabel="Company" />
<ext:TextField ID="TextField51" runat="server" FieldLabel="Company" />
<ext:TextField ID="TextField61" runat="server" FieldLabel="Company" />
<%-- <ext:ComboBox ID="ComboBox11" runat="server" FieldLabel="lista" AllowBlank="false">
</ext:ComboBox>--%>
<ext:TextArea ID="TextArea11" runat="server" FieldLabel="Área" Height="60">
</ext:TextArea>
<ext:Button ID="Button2" runat="server" Text="Salvar">
<Listeners>
<Click Handler="#{FormPanel1}.getForm().isValid();" />
</Listeners>
</ext:Button>
</Items>
</ext:Panel>
</ext:LayoutColumn>
</Columns>
</ext:ColumnLayout>
</Items>
</ext:Panel>
</Items>
</ext:FormPanel>
</Items>
</ext:Viewport>
</form>
</body>
</html>