How to attach the slidder OnClientValueChange on the client using javascript

2 posts, 0 answers
  1. Alexandre
    Alexandre avatar
    10 posts
    Member since:
    Jun 2006

    Posted 12 Oct 2008 Link to this post

    Dear all,

    I'm building my own control to display images. I want to link it to a slidder control. I need to attach the client side event OnClientValueChange from javascript on my control behavior. unfortunattely I do not manage to attach to the event. Nothing happen when the event is triggered. What is the real name of the event in javascript and is it an event of the RasSplitter div element?

    this is the javascript code used when my imagedisplay client behavior class is initialized

    Event declaration



    ._slidder$delegates = {


    onclientvaluechange: Function.createDelegate(

    this, this._onSlidderChange)



    Event initialization



    (this._slidderId) {



      this._slidder = $get(this._slidderId);



      // Attach change handler to parent



    assert(this._slidder != null, 'Slidder Control cannot be found');



        if (this._slidder) {



    this._slidder, this._slidder$delegates, this);




    Event handler


    function(sender, eventArgs) {






    Everything happens fine but the event "onclientvaluechange" of my slidder defined by the slidder id is never triggered....

    On the client side the slidder id hteml element is

    <div style="WIDTH: 200px; DISPLAY: none" id="RadSlider1" class="radslider RadSlider_Default horizontal " _events="[object Object]" control="[object Object]">

    How can I find the events of this element?

    Any help would be appreciated.

  2. Obi-Wan Kenobi
    Obi-Wan Kenobi  avatar
    460 posts
    Member since:
    Aug 2007

    Posted 16 Oct 2008 Link to this post

    All methods which can be used to add/remove client-side handlers are available here:
    For example:
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> 
    <html xmlns="" > 
    <head runat="server">  
        <title>Untitled Page</title> 
        <script type="text/javascript">  
        function AttachEvent()  
        function DetachEvent()  
        function OnSliderValueChanged(slider,args)  
        <form id="form1" runat="server">  
            <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
            <input type="button" value="AttachEvent" onclick="AttachEvent()" /> 
            <input type="button" value="DetachEvent" onclick="DetachEvent()" /> 
                Value="5" /> 

    Hope this helps.
Back to Top