Hi,
Well, you can set any required indicator while typing. Please use KeyUp event. When request will be initiated it shows busy indicator
<%@ Page Language="C#" %>
<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
<!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 runat="server">
<title></title>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
ResourceManager1.RegisterIcon(Icon.TimeGo);
}
}
protected void CheckField(object sender, RemoteValidationEventArgs e)
{
TextField field = (TextField)sender;
if (field.Text == "Valid")
{
e.Success = true;
}
else
{
e.Success = false;
e.ErrorMessage = "'Valid' is valid value only";
}
System.Threading.Thread.Sleep(3000);
}
</script>
</head>
<body>
<form runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:FormPanel runat="server"
Title="Remote Validation Form"
Padding="5"
Frame="true"
LabelWidth="250"
MonitorValid="true"
Width="500"
DefaultAnchor="-20"
Height="200">
<Items>
<ext:TextField runat="server" FieldLabel="Server only validation" IsRemoteValidation="true" EnableKeyEvents="true">
<RemoteValidation OnValidation="CheckField" ValidationBuffer="1000" />
<Listeners>
<KeyUp Handler="this.setIndicatorIconCls('icon-timego');" />
</Listeners>
</ext:TextField>
</Items>
</ext:FormPanel>
</form>
</body>
</html>
