Special Days + Hover in UI for ASP.NET AJAX

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

Special Days + Hover

2 Answers 57 Views

Calendar

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

2 Answers, 1 is accepted

answered on 25 Jan 2011, 05:22 PM

I ran into the same issue. Using the disable hover CSS class posting, I was able to create the below JavaScript to fix the special day hover losing selection issue. It appears when you programmatically set the calendar selection in the ASPX page or the code behind, the “IsSelected” properly was not being properly set.

Telerik.Web.UI.Calendar.RenderDay.prototype.MouseOut = function()

{

// It appears the IsSelected property is not being filling in properly

// if the selection is programmatically set in the ASPX page or code behind.

var isSelected = this.get_isSelected();

// If the date is not currently selected, check the date against the calendar's selected dates.

if (!isSelected)

{

var selectedDates = this.RadCalendar.get_selectedDates();

var length = selectedDates.length;

var currentDate = this.get_date();

var selectedDate;

for (var i = 0; i < length; i++)

{

selectedDate = selectedDates[i];

if (currentDate[0] == selectedDate[0] && currentDate[1] == selectedDate[1] && currentDate[2] == selectedDate[2])

{

// If the date is in the calendar's selected dates.

// Select the date and continue normal processing.

this.IsSelected = true;

break;

}

var defaultStyle = this.GetDefaultItemStyle();

this.DomElement.className = defaultStyle[1];

this.DomElement.style.cssText = defaultStyle[0];

}