开发者

Changing values manually on a slider doesn't update the results. ASP.NET

My problem is this: when I change the values manually on a slider, that is input the value in the textbox instead of dragging the slider, the page is not reloaded so no change is visible.

I've tried adding a "OnTextChanged"-listener but that doesn't work. I thought setting AutoPostBack="true" would cause the page to reload when inputting values, but that didn't work either.

The slidercode:

   <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="IntervalSlider.ascx.cs" Inherits="DynamicForm.UserControls.Filter.IntervalSlider" %>
<tr>
<td>
<asp:Label runat="server" ID="lblHeader"></asp:Label><asp:Image runat="server" ID="infoImg" Visible="false" ImageUrl="~/HTML/icons/info_16.png" />
</td>
<td class="filterSpacerCol">&nbsp;</td>
<td>
<table border="0" cellpadding="0" cellspacing="0">
                        <tr>
                            <td>
                                <asp:TextBox ID="txtMin" size="6" style="text-align:right;" runat="server" AutoPostBack="true" value=""></asp:TextBox>
                            </td>
                            <td width="150px"><div runat="server" id="divSlider" style="margin-top:0px"> <asp:TextBox ID="txtCurrentValue" runat="server" AutoPostBack="true" OnTextChanged="txtCurrentValue_TextChanged" value="20" style="display:none;" />
                                        <ajax:MultiHandleSliderExtender ID="MultiHandleSliderExtenderMinMax" runat="server" Minimum="0" Maximum="10" TargetControlID="txtCurrentValue">
                                            <MultiHandleSliderTargets>
                                                <ajax:MultiHandleSliderTarget ControlID="txtMin" />
                                                <ajax:MultiHandleSliderTarget ControlID="txtMax" />
                                            </MultiHandleSliderTargets>
                                        </ajax:MultiHandleSliderExtender>
                                </div>                                  
                            </td>
                            <td>
                                <asp:TextBox ID="txtMax" size="6" style="text-align:right;" runat="server" AutoPostBack="true" value="" />                                
                            </td>
                        </tr>
                    </table>
</td>       
</tr>   

underlying code:

public partial class IntervalSlider : System.Web.UI.UserControl, IRange
{
    protected void Page_Load(object sender, EventArgs e)
    {
        lblHeader.Text = HttpUtility.HtmlEncode(HeaderText);
        if ((ToolTipText ?? "") != "")
        {
            infoImg.Visible = true;
            infoImg.ToolTip = ToolTipText;
            lblHeader.ToolTip = ToolTipText;
        }
        divSlider.Attributes.Add("title", ToolTipText);
        txtMax.ToolTip = ToolTipText;
        txtMin.ToolTip = ToolTipText;            

        foreach (AjaxControlToolkit.MultiHandleSliderTarget target in MultiHandleSliderExtenderMinMax.MultiHandleSliderTargets)
            target.ControlID =  MultiHandleSliderExtenderMinMax.Parent.FindControl(target.ControlID).ClientID;
    }

    public string HeaderText { get; set; }

    public string ToolTipText { get; set; }

    protected void txtCurrentValue_TextChanged(object sender, EventArgs e)
    {
        //FilterChanged(sender, e);
    }

    public event EventHandler FilterChanged;

    public string MaxFilterValue
    {
        get { return txtMax.Text; }
    }

    public int Minimum 
    { 
        get { return MultiHandleSliderExtenderMinMax.Minimum; }
        set 
        { 
            MultiHandleSliderExtenderMinMax.Minimum = value;
            txtMin.Text = value.ToString();
        }
    }

    public int Maximum
    {
  开发者_JS百科      get { return MultiHandleSliderExtenderMinMax.Maximum; }
        set {
            int minValue = value;
            MultiHandleSliderExtenderMinMax.Maximum = minValue;
            txtMax.Text = minValue.ToString();
        }
    }

    public string MinFilterValue
    {
        get { return txtMin.Text; }
    }



}

}

Anyone have a clue on how to solve this?


I solved it with this bit of JavaScript-code at the end of the Page Load of the IntervalSelector:

    string jscript = @"
var filterSearchTimerId = 0; 
var previousFilterValues = new Array();
function SetFilterSearchTimeout ( textBox, executeThis, delayValue ) {
   if (textBox.value == previousFilterValues[textBox.id]) { return; }
   previousFilterValues[textBox.id] = textBox.value;
   if (filterSearchTimerId != 0) { clearTimeout(filterSearchTimerId); }
   filterSearchTimerId = setTimeout(executeThis, delayValue);
}
";

            ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "SetFilterSearchTimeout", jscript, true);

            string formatString = @"javascript:SetFilterSearchTimeout(this, '__doPostBack(\'{0}\',\'\')', {1})";
            txtMin.Attributes.Add("onkeyup", string.Format(formatString, txtMin.UniqueID, "500"));
            txtMin.Attributes.Add("onpaste", string.Format(formatString, txtMin.UniqueID, "5"));
            txtMin.Attributes.Add("oncut", string.Format(formatString, txtMin.UniqueID, "5"));
            txtMin.Attributes.Add("onchange", string.Format(formatString, txtMin.UniqueID, "0"));
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜