<%@ Page Language="C#" %> |
|
<%@ Register TagPrefix="ajaxToolkit" Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit" %> |
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|
<script runat="server"> |
|
protected void Page_Load(object sender, EventArgs e) |
{ |
if (!IsPostBack) |
{ |
//RadDatePicker1.SelectedDate = DateTime.Now; |
//RadDatePicker1.Focus(); |
} |
} |
</script> |
|
<html xmlns="http://www.w3.org/1999/xhtml"> |
<head runat="server"> |
<title></title> |
</head> |
<body> |
<form id="form1" runat="server"> |
<div> |
<asp:ScriptManager ID="ScriptManager1" runat="server" /> |
Scenario: <br /> |
Step 1 - Blank entry screen presented. Click Save. Validators fire, First Name validator extender shows. <br /> |
Step 2 - Enter some text into first name. Tab to surname. Note: validator extender moves to surname as expected. <br /> |
Step 3 - Enter some data into surname. Tab to date. Note: validator extender does NOT move to date picker. <br /> |
This scenario also extends to other RadInput based controls like RadNumericTextBox. <br /><br /> |
|
<br /> |
Enter First name: |
<br /> |
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> |
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" ControlToValidate="TextBox1" |
ErrorMessage="*" EnableClientScript="true" runat="server" ValidationGroup="Save"></asp:RequiredFieldValidator> |
<ajaxToolkit:ValidatorCalloutExtender runat="Server" ID="ValidatorCalloutExtender2" |
TargetControlID="RequiredFieldValidator2" /> |
<br /> |
Enter Surname: |
<br /> |
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> |
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" ControlToValidate="TextBox2" |
ErrorMessage="*" EnableClientScript="true" runat="server" ValidationGroup="Save"></asp:RequiredFieldValidator> |
<ajaxToolkit:ValidatorCalloutExtender runat="Server" ID="ValidatorCalloutExtender3" |
TargetControlID="RequiredFieldValidator3" /> |
<br /> |
Pick a date: |
<br /> |
<telerik:RadDatePicker ID="RadDatePicker1" runat="server"> |
</telerik:RadDatePicker> |
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="RadDatePicker1" |
ErrorMessage="*" EnableClientScript="true" runat="server" ValidationGroup="Save"></asp:RequiredFieldValidator> |
<ajaxToolkit:ValidatorCalloutExtender runat="Server" ID="ValidatorCalloutExtender1" |
TargetControlID="RequiredFieldValidator1" /> |
<br /> |
<br /> |
<asp:Button ID="Button1" runat="server" Text="Save" ValidationGroup="Save" /> |
</div> |
</form> |
</body> |
</html> |
|