RadDateTimePicker is not working after ajax call, only if rad datetimepicker is open time of response back from server. i am also attaching ASPX and CS code
Step to replicate.
- Create new page
- Add two datetimepicker
- add date change event
- Add Ajax panel
- put debug pointer on selecteddatechnage event
- select date from first datetimepicker
- now code will stop in break point
- now open second datetimepicker
- Go to CS page and Release code from debug point
- Now open second datetimepicker
- Now date selection, Month selection will not work
Thanks,
ASPX
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TestRadDateTimePickerPostBack._Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="ScriptManager1" runat="server">
<Scripts>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"></asp:ScriptReference>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"></asp:ScriptReference>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"></asp:ScriptReference>
</Scripts>
</telerik:RadScriptManager>
<telerik:radajaxmanager id="RadAjaxManager1" runat="server"
onajaxrequest="RadAjaxManager1_AjaxRequest">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="panel1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="panel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="panel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:radajaxmanager>
<script language="javascript" type="text/javascript">
<telerik:radscriptblock id="RadScriptBlock1" runat="server">
function InitiateAjaxRequest() {
var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");
ajaxManager.ajaxRequest('RebindCard');
}
function Expensereport_PeriodFrom_OnDateSelected(sender, args) {
InitiateAjaxRequest();
}
function Expensereport_PeriodTo_OnDateSelected(sender, args) {
InitiateAjaxRequest();
}
</telerik:radscriptblock>
</script>
<asp:Panel ID="panel1" runat="server">
<div class="form-group form-group-sm">
<asp:Label runat="server" CssClass="control-label col-sm-3 " ID="lbl_Expensereport_PeriodFrom"
AssociatedControlID="Expensereport_PeriodFrom" Text="From"></asp:Label>
<div class="col-sm-3 col-md-3">
<telerik:raddatepicker id="Expensereport_PeriodFrom" runat="server" calendar-showrowheaders="false"
width="100%" cssclass="requiredText">
<DateInput EnableSingleInputRendering="false" DateFormat="MM/dd/yyyy" DisplayDateFormat="MM/dd/yyyy"
ReadOnly="true" SelectionOnFocus="CaretToBeginning" />
<DatePopupButton />
<ClientEvents OnDateSelected="Expensereport_PeriodFrom_OnDateSelected" />
</telerik:raddatepicker>
</div>
<asp:Label runat="server" CssClass="control-label col-sm-2 col-md-2 col-lg-1 " ID="lbl_Expensereport_PeriodTo"
AssociatedControlID="Expensereport_PeriodTo" Text="To"></asp:Label>
<div class="col-sm-3 col-md-3">
<telerik:raddatepicker id="Expensereport_PeriodTo" runat="server" width="100%" cssclass="requiredText"
calendar-showrowheaders="false">
<DateInput EnableSingleInputRendering="false" DateFormat="MM/dd/yyyy" DisplayDateFormat="MM/dd/yyyy"
ReadOnly="true" SelectionOnFocus="CaretToBeginning" />
<DatePopupButton ToolTip="" />
<ClientEvents OnDateSelected="Expensereport_PeriodTo_OnDateSelected" />
</telerik:raddatepicker>
</div>
<div class="clearBoth">
</div>
</div>
</asp:Panel>
</form>
</body>
</html>
C#
protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)
{
for (int i = 1000; i <= 1000; i++)
{
i++;
}
}