slider drag handle responds slow

[MBEN]

I have a slider with divs that get updated on clientside with the slider value.

I noticed that my slidervalue changes first and there's a little lag when the draghandle responds. Below is my slider definition and my client side code. Could you help me figure the delay in the drag handle response?

<telerik:RadSlider  ID="RadSliderAge" runat="server"  MinimumValue="0" MaximumValue="90"

IsSelectionRangeEnabled="true" SelectionStart="45" SelectionEnd="70"  SmallChange="1"

OnClientSlide="clientValueAgeChange" OnClientLoad="clientValueAgeLoad" ShowDecreaseHandle="true"     ShowIncreaseHandle="true"  TrackMouseWheel="false"
    ThumbsInteractionMode="Lock" Skin="Material" >

</telerik:RadSlider>

function clientValueAgeLoad(sender, eventArgs) {

    var CurrentAgeCtrl = document.getElementById("CurrentAgeCtrl");

    var RetirementAgeCtrl = document.getElementById("RetirementAgeCtrl");

    CurrentAgeCtrl.innerHTML = sender.get_selectionStart();

    RetirementAgeCtrl.innerHTML = sender.get_selectionEnd();

}

function clientValueAgeChange(sender, eventArgs) {
    var CurrentAgeCtrl = document.getElementById("CurrentAgeCtrl");
    var RetirementAgeCtrl = document.getElementById("RetirementAgeCtrl");
    CurrentAgeCtrl.innerHTML = sender.get_selectionStart();
    RetirementAgeCtrl.innerHTML = sender.get_selectionEnd();
    CalcOutputs();
}

 

[MBEN]

Hi Admins, Any ideas why my drag handle is responding slower than the slider value change?

[Doncho]

Hi,

I am afraid we are not aware of such a problem.

I have tested the provided code and on my side, it is working smoothly, see http://somup.com/cY1OotQziz

A possible reason for the experienced behavior could be if complicated logic is executed in the CalcOutputs() method.

I would suggest taking the CalcOutputs() method out of the OnClientSlide event listener. Instead, you can call it in the OnClientSlideEnd event

OnClientSlide="clientValueAgeChange" OnClientSlideEnd="clientSlideEnd"

I hope this will help!

Kind regards,
Doncho
Progress Telerik