Click here to Skip to main content
15,887,214 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
I want develop a multi handler slider that can be adjusted from both the sides. My script as
C#
<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication4._Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
    <asp:ScriptManager runat="server" ID="ScriptManager1" EnablePartialRendering="true"/>
    <table>
        <tr>
            <td colspan="2">
                <asp:UpdatePanel runat="server" ID="UpdatePanel" UpdateMode="Conditional">
                    <ContentTemplate>
                        <table>
                            <tr>
                                <td  colspan="2">
                                    <asp:TextBox runat="server" Id="txtSlider"></asp:TextBox>
                                    <cc1:MultiHandleSliderExtender  runat="server" ID="MultiHandleSliderExtender1"
                                        ShowHandleDragStyle="false" BehaviorID="MultiHandleSliderExtender1" 
                                        TargetControlID="txtSlider" Length="200" ShowInnerRail="true" 
                                        EnableMouseWheel="false" >
                                        <MultiHandleSliderTargets>
                                            <cc1:MultiHandleSliderTarget ControlID="rangeStart" />
                                            <cc1:MultiHandleSliderTarget ControlID="rangeEnd" />
                                        </MultiHandleSliderTargets>
                                    </cc1:MultiHandleSliderExtender>  
                                    </br>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                      <asp:Label ID="lblStartRange" runat="server" Text=""></asp:Label>
                                </td>
                                <td>             
                                                 
                                                 
                                     
                                    <asp:Label ID="lblEndRange" runat="server" Text=""></asp:Label> 
                                </td>
                            </tr>
                            <tr>
                                <td>
                                     <asp:HiddenField ID="rangeStart" runat="server" />
                                </td>
                                <td>
                                    <asp:HiddenField ID="rangeEnd" runat="server" />
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                </td>
                            </tr>
                        </table>
                    </ContentTemplate>
                </asp:UpdatePanel>
            </td>
        </tr>
    </table>

    <script type="text/javascript">
        var isDragging = false;
        function Drag(sender, args) {
            GetSliderRange($get("<%= rangeStart.ClientID %>").value, $get("<%= rangeEnd.ClientID%>").value);
        }

        function DragEnd(sender, args) {
           <%-- //prevent postback on slider click
            if ($get("<%= hdfTrackRangeStart.ClientID %>").value !== $get("<%= rangeStart.ClientID %>").value) {
            $get("<%= btnLoadChart.ClientID %>").click();
            //__doPostBack("<%= btnLoadChart.ClientID %>", "");
        }
        if ($get("<%= hdfTrackRangeEnd.ClientID %>").value !== $get("<%= rangeEnd.ClientID %>").value && $get("<%= hdfTrackRangeEnd.ClientID %>").value !== '0') {
            $get("<%= btnLoadChart.ClientID %>").click();
            //__doPostBack("<%= btnLoadChart.ClientID %>", "");
        }--%>
    }

        function GetSliderRange(startV, endV) {
            $get("<%= lblStartRange.ClientID %>").innerHTML = GetSliderText(arrRange[startV - 1], 's');
            $get("<%= lblEndRange.ClientID %>").innerHTML = GetSliderText(arrRange[endV - 1], 'e');
            // alert(arrRange[startV - 1]);
            // PageMethods.SliderRange(startV, endV, this.callback);
        }

        function GetSliderText(r, p) {
            var arrResult = r.split("--");
            var strText = '';
            if (p === 's') {
                strText = "From Year: " + arrResult[0] + " Month: " + arrResult[1];

            }
            else {
                strText = "To Year: " + arrResult[0] + " Month: " + arrResult[1];
            }
            return strText;
        }
    </script>
</asp:Content>


Initially i m just checking it with static values at page_load as
C#
protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                MultiHandleSliderExtender1.Minimum = 1;
                MultiHandleSliderExtender1.Maximum = 200;

                rangeStart.Value    = MultiHandleSliderExtender1.Minimum.ToString();
                rangeEnd.Value      = MultiHandleSliderExtender1.Maximum.ToString();
            }
        }


Thanks in advance. Please help me out to find the bug.
Posted

1 solution

That error in because you are working inside a page that inherits from a Master and you have two ScriptManager declared.

For sure you have and ScriptManager inside the Site.Master and you are algo adding a ScriptManager in this page (Default.aspx) too.

Remove the scriptManager inside the childPage, because this page is going to use the Site.master scriptmanager.

Remove:
C#
<asp:scriptmanager runat="server" id="ScriptManager1" enablepartialrendering="true" xmlns:asp="#unknown">
</asp:scriptmanager>
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900