This is a migrated thread and some comments may be shown as answers.

[Solved] OnSelectedDateChanged event of RadDatePicker(Prometheus version) fires twice

2 Answers 385 Views

Calendar

This is a migrated thread and some comments may be shown as answers.

Raj Nemani asked on 04 Feb 2008, 07:16 PM

Hello,
OnSelectedDateChanged event of RadDatePicker(Prometheus) version control fires twice. I have attached the code from a test project I have created to demonstrate the issue. I cannot attach a file to the post so I am pasting the code here!.

Default.aspx:
----------------------------

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TestRadCalendarPrometheus._Default" %> 
        
            <%@ 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">  
        
            </script> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head id="Head1" runat="server">  
        
                <title>UpdatePanel Example</title> 
        
                <style type="text/css">  
        
                body {  
        
                    font-family: Lucida Sans Unicode;  
        
                    font-size: 10pt;  
        
                }  
        
                button {  
        
                    font-family: tahoma;  
        
                    font-size: 8pt;  
        
                }  
        
                </style> 
        
            </head> 
        
            <body> 
        
                  <script type="text/javascript">  
        
                        function pageLoad(sender, args){  
        
                                UpdateSpan();  
        
                            }  
        
                        function TogglePopUp(){  
        
                           var datePicker = $find("<%= rdpSelectDate.ClientID %>");  
        
                            var span = document.getElementById("dateSelector");  
        
                            var dimSpan = datePicker.GetElementDimensions(span);  
        
                            var position = datePicker.GetElementPosition(span);  
        
                            datePicker.ShowPopup(position.x + dimSpan.width - 142, position.y + dimSpan.height);  
        
                        }  
        
                        function UpdateSpan(){  
        
                            var datePicker = $find("<%= rdpSelectDate.ClientID %>");  
        
                            var date = datePicker.GetDate();  
        
                            if (datePicker.IsEmpty())  
        
                             { date = new Date(); }  
        
                            var strtDate = new Date(date);  
        
                            var endDate = new Date(date.setDate(date.getDate() + 6));  
        
                            var spn = document.getElementById("week");  
        
                            spn.innerText = strtDate.format("ddd, M/d/yyyy");// + " - " + endDate.format("ddd, M/d/yyyy");  
        
                        }  
        
                          function OnDateSelected(sender, e){  
        
                            if (e.get_NewDate() != null){  
        
                               UpdateSpan();  
        
                             }  
        
                        }  
        
                        function MoveSelectedDate(numDays){  
        
                            var datePicker = $find("<%= rdpSelectDate.ClientID %>");  
        
                            var date = datePicker.GetDate();  
        
                            if (datePicker.IsEmpty())  
        
                             { date = new Date(); }  
        
                            date.setDate(date.getDate() + numDays);  
        
                            datePicker.SetDate(date);  
        
                        }  
        
                        function OnDayRender(calendarInstance, args){  
        
                            var date = new Date(args._date[0], args._date[1] - 1, args._date[2]);  
        
                            var minDate = new Date(calendarInstance.GetRangeMinDate()[0], calendarInstance.GetRangeMinDate()[1] - 1, calendarInstance.GetRangeMinDate()[2]);  
        
                            if (date < minDate){  
        
                                args._cell.title = "Dates prior to 6/15/2003 cannot be selected.";  
        
                                return;  
        
                            }  
        
                        }  
        
                </script> 
        
                <form id="form1" runat="server">  
        
                            <telerik:RadScriptManager ID="ScriptManager1" runat="server" EnableScriptCombine="true" ScriptMode="Auto">  
        
                </telerik:RadScriptManager> 
        
                     <div style="margin-top:5px">  
        
                    <span class="RundownLabelText">Date:&nbsp;</span> 
        
                    <span id="dateSelector">  
        
                        <span id="slctdwk" title="Day Selection" onclick="TogglePopUp();">  
        
                            <span id="week" class="DropDownListText"></span> 
        
                            <img id="dtpckr" alt="Calendar" src="images/calbutcon.jpg" /> 
        
                            <img id="dwnarrw" src="images/downbutcon.jpg" alt=""/>  
        
                        </span> 
        
                    </span> 
        
                <telerik:RadDatePicker ID="rdpSelectDate" runat="server" SharedCalendarID="RadCalendar1"    
        
                  OnSelectedDateChanged= "rdpSelectDate_SelectedDateChanged" AutoPostBack="true" > 
        
                    <DateInput ID="DateInput1" runat="server" ReadOnly="true" style="display:none;"></DateInput> 
        
                    <ClientEvents OnDateSelected="OnDateSelected"/>     
        
                    <DatePopupButton style="display:none;" /> 
        
                </telerik:RadDatePicker> 
        
                <telerik:RadCalendar ID="RadCalendar1" runat="server" EnableMultiSelect="true" UseColumnHeadersAsSelectors="false" ShowRowHeaders="false" FirstDayOfWeek="Monday" Skin="WebBlue"    
        
                    RangeMinDate="6/16/2003" NavigationNextToolTip="" NavigationPrevToolTip="">  
        
                    <ClientEvents OnDayRender="OnDayRender" /> 
        
                </telerik:RadCalendar> 
        
                </div>    
        
                </form> 
        
            </body> 
        
            </html>

Default.aspx.cs

    
            using System;  
        
            using System.Data;  
        
            using System.Configuration;  
        
            using System.Collections;  
        
            using System.Web;  
        
            using System.Web.Security;  
        
            using System.Web.UI;  
        
            using System.Web.UI.WebControls;  
        
            using System.Web.UI.WebControls.WebParts;  
        
            using System.Web.UI.HtmlControls;  
        
            using Telerik.Web.UI.Calendar;  
        
            namespace TestRadCalendarPrometheus  
        
            {  
        
                public partial class _Default : System.Web.UI.Page  
        
                {  
        
                    protected void Page_Load(object sender, EventArgs e)  
        
                    {  
        
                    }  
        
                    protected void rdpSelectDate_SelectedDateChanged(object sender, SelectedDateChangedEventArgs e)  
        
                    {  
        
                        Session["ListDate"] = rdpSelectDate.SelectedDate.Value;  
        
                    }  
        
                }  
        
            }

I am using Telerik.Web.UI dll with version # 2007.3.1314.20
System.Web.Extensions Dll verison # 1.0.61025.0.
I am not copying the web.config as I think it is unnecessary but let me know if you need it.
Put a break point in the OnSelectedDateChanged event handler and notice how it will break twice of a singe click on the calendar.

Your help is appreciated

Thanks
Raj

[Solved] OnSelectedDateChanged event of RadDatePicker(Prometheus version) fires twice

2 Answers, 1 is accepted