OnValueChanged event not called when slider thumb dragged to 0

4 posts, 0 answers
  1. Stalin
    Stalin avatar
    15 posts
    Member since:
    Jun 2012

    Posted 28 Jun 2012 Link to this post

    I have used rad slider for showing a age slider. And using telerik ajax for calling the value changed event.

    I have problem in such that the event is not called when slider thumb is dragged back to start value (Zero is my start value).

    Thanks
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 29 Jun 2012 Link to this post

    Hi Stalin,

    Unfortunately I couldn't replicate the issue at my end. Here is the sample code that I tried and is working as expected at my end.
    aspx:
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
      <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadSlider_Ticks" >
          <UpdatedControls>
             <telerik:AjaxUpdatedControl ControlID="RadSlider_Ticks" />
          </UpdatedControls>
        </telerik:AjaxSetting>
      </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadSlider ID="RadSlider_Ticks" runat="server" MinimumValue="0" MaximumValue="100"  SmallChange="5" LargeChange="10" ItemType="tick" AutoPostBack="true" Height="70px" Width="350px" ThumbsInteractionMode="Push" onvaluechanged="RadSlider_Ticks_ValueChanged">
    </telerik:RadSlider>
    C#:
    protected void RadSlider_Ticks_ValueChanged(object sender, EventArgs e)
    {
    }
    Please provide your code if it doesn't helps.

    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Stalin
    Stalin avatar
    15 posts
    Member since:
    Jun 2012

    Posted 18 Jul 2012 Link to this post

    Below is the code i have used,

     

    <telerik:RadAjaxManagerProxy ID="myAjaxManangerProxy" runat="server">  
      
    <AjaxSettings>  
      
    <telerik:AjaxSetting AjaxControlID="mySliderControl">  
      
    <UpdatedControls>  
      
    <telerik:AjaxUpdatedControl ControlID="myTargetControl" LoadingPanelID="myLoadingPanel" />  
      
    </UpdatedControls>  
      
    </AjaxSettings>  
      
    </telerik:RadAjaxManagerProxy
      
       
      
    <telerik:RadSlider ID="mySliderControl" OnValueChanged="mySliderControl_ValueChanged" 
      
    Orientation="Horizontal" runat="server" 
      
    ItemType="tick" Height="50px" Width="200px" AnimationDuration="400" ThumbsInteractionMode="Free" 
      
    TrackPosition="BottomRight" AutoPostBack="true" ShowIncreaseHandle="false" ShowDecreaseHandle="false" 
      
    BorderWidth="0" ForeColor="Gray" FontSize="X-Large" BorderColor="Beige"
      
    </telerik:RadSlider>


    Here, the change event is called for other slide values other than 0.

     

  5. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 19 Jul 2012 Link to this post

    Hello Stalin,

    Unfortunately I couldn't replicate the issue. Here is the sample code that I tried in the version(2012, 2, 607, 40) which fires OnValueChanged event when slider thumb is dragged to zero.
    aspx:
    <telerik:RadAjaxManagerProxy ID="myAjaxManangerProxy" runat="server">
       <AjaxSettings>
         <telerik:AjaxSetting AjaxControlID="mySliderControl">
              <UpdatedControls>
                  <telerik:AjaxUpdatedControl ControlID="myTargetControl" LoadingPanelID="myLoadingPanel" />
              </UpdatedControls>
        </telerik:AjaxSetting>
     </AjaxSettings>
    </telerik:RadAjaxManagerProxy>
    <telerik:RadAjaxLoadingPanel ID="myLoadingPanel" runat="server">
    </telerik:RadAjaxLoadingPanel>
    <telerik:RadSlider ID="mySliderControl"  Orientation="Horizontal" runat="server" ItemType="tick" Height="50px" Width="200px"
                AnimationDuration="400" ThumbsInteractionMode="Free" TrackPosition="BottomRight"
                AutoPostBack="true" ShowIncreaseHandle="false" ShowDecreaseHandle="false" BorderWidth="0"
                ForeColor="Gray" FontSize="X-Large" BorderColor="Beige"
                onvaluechanged="mySliderControl_ValueChanged1">
    </telerik:RadSlider>
    <asp:TextBox ID="myTargetControl" runat="server"></asp:TextBox>
    C#:
    protected void mySliderControl_ValueChanged1(object sender, EventArgs e)
    {
       Response.Write(mySliderControl.Value);
    }

    Thanks,
    Shinu.
Back to Top