Quantcast
Channel: ASP.NET AJAX + Ajax Control Toolkit (ACT)
Viewing all articles
Browse latest Browse all 5678

MultiHandlerSlider not working properly. If I use any OnClient... the sliders stop working.

$
0
0

I've tried everything I've found.

When I put some event to the handler it stops sliding. I still can change the textbox but it wont affect the slider.

My code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="BuscadorPerfiles.WebForm3" Trace="true" Debug="True" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Buscador de Perfiles</title><script type="text/javascript">

       function ValueChangedHandler(sender, args) {
            $get("HdAnchoMin").value = $get("AnchoMin").value;
            $get("HdAnchoMax").value = $get("AnchoMax").value;
            $get("HdAltoMin").value = $get("AltoMin").value;
            $get("HdAltoMax").value = $get("AltoMax").value;
            __doPostBack('Button1', '');
 /*       }
        function pageLoad() {
            $find('MultiHandleSliderAlto').add_valueChanged(ValueChangedHandler);
            $find('MultiHandleAncho').add_valueChanged(ValueChangedHandler);
        }
*/</script></head><body><form id="form1" runat="server"><div><asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager><asp:UpdatePanel ID="UpdatePanel1" runat="server"><ContentTemplate ><asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><div id="Controles" onclick="__doPostBack('Button1', '');"><table><tr><td><table  style="height: 200px"><tr><td><asp:TextBox ID="Alto" runat="server" Style="vertical-align: top" AutoPostBack="False"></asp:TextBox></td></tr><tr><td><asp:TextBox ID="AltoMin" runat="server" Text="0" Width="35" AutoPostBack="False"></asp:TextBox><asp:HiddenField ID="HdAltoMin" runat="server" /></td></tr><tr><td><asp:TextBox ID="AltoMax" runat="server" Text="50" Width="35" AutoPostBack="False"></asp:TextBox><asp:HiddenField ID="HdAltoMax" runat="server" /></td></tr></table></td><ajaxToolkit:MultiHandleSliderExtender  ID="MultiHandleSliderAlto" runat="server"
                                    TargetControlID="Alto"
                                    EnableInnerRangeDrag="True"
                                    Minimum="0" Maximum="50" Length="175"
                                    TooltipText="{0}" Orientation="Vertical"
                                    EnableHandleAnimation="false"
                                    ShowHandleDragStyle="false"
                                    OnClientValueChanged="ValueChangedHandler"
                                    ShowHandleHoverStyle="false" Enabled="True" EnableRailClick="True" InnerRailStyle="AsIs" RaiseChangeOnlyOnMouseUp="false" ShowInnerRail="True" Increment="1" EnableKeyboard="True"><MultiHandleSliderTargets><ajaxToolkit:MultiHandleSliderTarget ControlID="AltoMin" Decimals="2" /><ajaxToolkit:MultiHandleSliderTarget ControlID="AltoMax" Decimals="2" /></MultiHandleSliderTargets></ajaxToolkit:MultiHandleSliderExtender><td><table><tr><td><asp:TextBox ID="Ancho" runat="server" AutoPostBack="False">Ancho</asp:TextBox></td></tr><tr><td><asp:TextBox ID="AnchoMin" onchange="ValueChangedHandler" runat="server" Text="0" Width="35" AutoPostBack="False"></asp:TextBox><asp:HiddenField ID="HdAnchoMin" runat="server" /></td><td><asp:TextBox ID="AnchoMax" runat="server" Style="right: 0px" Text="50" Width="35" AutoPostBack="False"></asp:TextBox>
                                                mm. <asp:HiddenField ID="HdAnchoMax" runat="server" /></td></tr></table><ajaxToolkit:MultiHandleSliderExtender ID="MultiHandleAncho" runat="server"
                                        TargetControlID="Ancho"
                                        EnableInnerRangeDrag="True"
                                        Minimum="0" Maximum="50" Length="175"
                                        TooltipText="{0}" Orientation="Horizontal"
                                        EnableHandleAnimation="true"
                                        ShowHandleDragStyle="true"
                                        OnClientValueChanged="ValueChangedHandler"
                                        ShowHandleHoverStyle="true" Enabled="True" EnableRailClick="True" InnerRailStyle="AsIs" RaiseChangeOnlyOnMouseUp="false" ShowInnerRail="True" Increment="1" EnableKeyboard="True"><MultiHandleSliderTargets><ajaxToolkit:MultiHandleSliderTarget ControlID="AnchoMin" Decimals="2" /><ajaxToolkit:MultiHandleSliderTarget ControlID="AnchoMax" Decimals="2" /></MultiHandleSliderTargets></ajaxToolkit:MultiHandleSliderExtender></td><td><asp:CheckBoxList ID="CheckBoxForma" runat="server" AutoPostBack="True" DataSourceID="SqlDataSourceFormas" DataTextField="Descripcion" DataValueField="Id"></asp:CheckBoxList></td></tr></table></div><asp:Button ID="Button1" runat="server" Text="Button"  /></ContentTemplate></asp:UpdatePanel></div></form></body></html>

And the code:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Text;

namespace BuscadorPerfiles
{
    public partial class WebForm3 : System.Web.UI.Page
    {
        protected void RecorreListas(object sender, EventArgs e)
        {

        }

        protected void Page_Load(object sender, EventArgs e)
        {

            if (IsPostBack)
            {
                Label1.Text="enesima carga";
                Label1.Text = HdAnchoMax.Value;
                            
  
            }
            else
            {
                Label1.Text="Selecciona por lo menos una Forma";
         
            }
        }


    }
}





Viewing all articles
Browse latest Browse all 5678

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>