Hello,
I have encountered the following problems with the RadSlider and RadAjaxLoadingPanel:
- After a update takes place initiated by a timer event, the RadSlider will not work in IE8 anymore, before the update it will slide without any problems. After the update I can't use the drag handle anymore, clicking in the Slider will make the slider move but it will return to the original positiion almost immediately..
I noticed that this problem only occurs with IE at around 80-90% of the time (sometimes I can use the slider without any problems) FireFox and Opera don't have any issues.
- When I use the loadingpanel in the RadAjaxManager, the panel doesn't seem to go away after the loading is done. The panel seems to continue to stay on top. Again this problem is only in IE, Firefox/Opera don't have any problems.
I have uploaded a demo project to rapidshare.
If you are not able to use the provided solution, I've added the source code files for the project below:
I have encountered the following problems with the RadSlider and RadAjaxLoadingPanel:
- After a update takes place initiated by a timer event, the RadSlider will not work in IE8 anymore, before the update it will slide without any problems. After the update I can't use the drag handle anymore, clicking in the Slider will make the slider move but it will return to the original positiion almost immediately..
I noticed that this problem only occurs with IE at around 80-90% of the time (sometimes I can use the slider without any problems) FireFox and Opera don't have any issues.
- When I use the loadingpanel in the RadAjaxManager, the panel doesn't seem to go away after the loading is done. The panel seems to continue to stay on top. Again this problem is only in IE, Firefox/Opera don't have any problems.
I have uploaded a demo project to rapidshare.
If you are not able to use the provided solution, I've added the source code files for the project below:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="SliderAjaxUpdate._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"
>
<
asp:Timer
ID
=
"GraphStartTimer"
runat
=
"server"
Interval
=
"10"
OnTick
=
"GraphStart_Tick"
>
</
asp:Timer
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
</
telerik:RadScriptManager
>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"GraphStartTimer"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlTruck"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"sliderPeriod"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlTruck"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
telerik:RadAjaxLoadingPanel
ID
=
"LoadingPanel1"
runat
=
"server"
>
<
asp:Label
ID
=
"Label2"
runat
=
"server"
ForeColor
=
"Red"
>Loading... </
asp:Label
>
</
telerik:RadAjaxLoadingPanel
>
<
asp:Panel
ID
=
"pnlTruck"
runat
=
"server"
>
<
asp:Label
ID
=
"lblCurrentDate"
runat
=
"server"
></
asp:Label
>
<
telerik:RadSlider
ID
=
"sliderPeriod"
runat
=
"server"
Width
=
"765px"
ShowDecreaseHandle
=
"false"
ShowIncreaseHandle
=
"false"
ItemType
=
"Tick"
OnValueChanged
=
"SliderPeriodValueChanged"
AutoPostBack
=
"True"
>
</
telerik:RadSlider
>
</
asp:Panel
>
</
form
>
</
body
>
</
html
>
using
System;
using
System.Threading;
namespace
SliderAjaxUpdate
{
public
partial
class
_Default : System.Web.UI.Page
{
protected
void
GraphStart_Tick(
object
sender, EventArgs e)
{
// First Time Loading...
GraphStartTimer.Enabled =
false
;
Thread.Sleep(5000);
LoadPeriodData(DateTime.Now.Date.AddDays(-1), DateTime.Now);
}
private
void
LoadPeriodData(DateTime dtStart, DateTime dtEnd)
{
//first set slider max and min
sliderPeriod.MinimumValue = Convert.ToDecimal(dtStart.ToOADate()) * 24 * 60;
sliderPeriod.MaximumValue = Convert.ToDecimal(dtEnd.ToOADate()) * 24 * 60;
sliderPeriod.Value = sliderPeriod.MinimumValue;
ShowStatus();
}
protected
void
SliderPeriodValueChanged(
object
sender, EventArgs e)
{
ShowStatus();
}
private
void
ShowStatus()
{
//set hint to datetime
DateTime row = DateTime.FromOADate(Convert.ToDouble(sliderPeriod.Value) / (24 * 60));
sliderPeriod.Value = Convert.ToDecimal(row.ToOADate()) * 24 * 60;
lblCurrentDate.Text = sliderPeriod.DragText = row.ToString(
"dd-MM-yyyy HH:mm"
);
}
}
}