2

我有一个带有隐藏字段的网络用户控件。当 javascript 事件(单击)发生时,我试图在隐藏字段中设置一个值,以便可以在回发时保留该值并记住下一次渲染。该控件是一个不会导致回发的可折叠面板扩展器,使用jquery,并且如果回发发生在页面的其他位置,它会记住它是展开还是折叠。

问题是 javascript 执行,但实际上并没有更改隐藏字段中的值。如果我使用dom explorer,隐藏的恶魔仍然设置为默认值,然后在我调试时,在下一次回发中,隐藏字段仍然设置为默认值。

我也尝试过使用久经考验的真实 getElementById ,但没有成功。

不会发生 javascript 错误。

ASCX 代码:

<input id="hiddenCurrentState" type="hidden" runat="server" />

代码隐藏:

using System;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Text;

public partial class Controls_SubControls_CollapsiblePanelExtender : System.Web.UI.UserControl
{
    public string HeaderControlId { get; set; }

    public string BodyControlId { get; set; }

    public string CollapseAllControlId { get; set; }

    public string ShowAllControlId { get; set; }

    public CollapsedState DefaultState { get; set; }

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            hiddenCurrentState.Value = DefaultState.ToString();
        }
    }

    protected override void OnPreRender(EventArgs e)
    {
        BuildJQueryScript();
        base.OnPreRender(e);
    }

    private void BuildJQueryScript()
    {
        StringBuilder script = new StringBuilder();

        script.Append("$(document).ready(function(){\n");

        //toggle based on current state
        script.Append("if ($(\"#" + hiddenCurrentState.ClientID + "\").attr(\"value\")==\"Expanded\")\n");
        script.Append("{\n");
        script.Append("$(\"#" + BodyControlId + "\").show();\n");
        script.Append("$(\"#" + hiddenCurrentState.ClientID + "\").val(\"Expanded\");\n");
        script.Append("}\n");
        script.Append("else\n");
        script.Append("{\n");
        script.Append("$(\"#" + BodyControlId + "\").hide();\n");
        script.Append("$(\"#" + hiddenCurrentState.ClientID + "\").val(\"Collapsed\");\n");
        script.Append("}\n");


        //toggle on click
        script.Append("$(\"#" + HeaderControlId + "\").click(function(){\n");
        script.Append("  $(this).next(\"#" + BodyControlId + "\").slideToggle(500)\n");
        script.Append("  return false;\n");
        script.Append("});\n");

        //collapse all
        if (!String.IsNullOrEmpty(CollapseAllControlId))
        {
            script.Append("$(\"#" + CollapseAllControlId + "\").click(function(){\n");
            script.Append("  $(\"#" + BodyControlId + "\").slideUp(500)\n");
            script.Append("  return false;\n");
            script.Append("});\n");
        }

        //show all
        if (!String.IsNullOrEmpty(ShowAllControlId))
        {
            script.Append("$(\"#" + ShowAllControlId + "\").click(function(){\n");
            script.Append("  $(this).hide()\n");
            script.Append("  $(\"#" + BodyControlId + "\").slideDown()\n");
            //script.Append("  $(\".message_list li:gt(4)\").slideDown()\n");
            script.Append("  return false;\n");
            script.Append("});\n");
        }

        script.Append("});\n");

        Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "CollapsiblePanelScript", script.ToString(), true);
    }
}

public enum CollapsedState
{
    Expanded = 0,
    Collapsed = 1
}
4

3 回答 3

7

我看不到您在哪里设置客户端隐藏字段的值。我希望在您的折叠/显示函数中看到类似于以下内容的行,以在面板折叠/展开时实际更改客户端上的值。

坍塌:

 script.Append( "   $(\"#" + hiddenCurrentState.ClientID + "\").val(1);\n" );

节目:

 script.Append( "   $(\"#" + hiddenCurrentState.ClientID + "\").val(0);\n" );
于 2009-03-27T13:37:27.850 回答
0

您是否尝试过使用<asp:HiddenField>而不是<input>

于 2009-04-16T23:03:28.117 回答
0

在每次回发时,都会再次呈现整个页面,客户端更改的任何值都不会保留。

我建议您将状态存储在 cookie 中。在您使用jQuery时,COOKIE库使这变得轻而易举。

于 2009-04-16T04:12:33.673 回答