【问题标题】:HiddenField EventHandler ValueChanged not fired when changed via Javascript通过 Javascript 更改时未触发 HiddenField EventHandler ValueChanged
【发布时间】:2009-06-30 14:36:02
【问题描述】:

我有一个在我的 ASP.NET 服务器控件中创建的 HiddenField 控件。 我为 ValueChanged 事件添加了一个新的 EventHandler。

当我的 HiddenField 的值在 javascript 函数中发生变化时会触发此事件吗?

我遇到的主要问题是尝试在值发生更改时或至少在回发之前检索 HiddenField 服务器端的值。我在一个页面中有一个服务器控件,该页面包含一个导致回发的按钮,我最初尝试使用 SaveControlState/LoadControlState 但由于某种原因,在回发发生之前从未调用过 SaveControlState。我需要能够从 ValueChanged 事件中或在回发之前捕获值。

代码如下:

public class ObjectTree : WebControl {
private CA.TreeView _treeView;
private HiddenField fldCheckedNodes = new HiddenField();
public CA.TreeView TreeView {
    get { return _treeView; }
    set { _treeView = value; }
}
public ObjectTree() {
    _treeView = new CA.TreeView();
    _treeView.ID = "objectTree";
    fldCheckedNodes.ID = "fldCheckedNodes";
}
protected void fldCheckedNodes_ValueChanged(Object sender, EventArgs e) {
    string test = fldCheckedNodes.Value;
}
protected override void  OnPreRender(EventArgs e) {
    TreeView.ClientSideOnNodeCheckChanged = TreeView.ClientID + "NodeChecked";
    fldCheckedNodes.ValueChanged += new EventHandler(fldCheckedNodes_ValueChanged);
    if (!Page.ClientScript.IsClientScriptBlockRegistered("jscript")) {
        StringBuilder jscript = new StringBuilder();
        jscript.AppendLine("    function " + TreeView.ClientID + "UpdateCheckedNodes() {");  
        jscript.AppendLine("    var x = 0;");
        jscript.AppendLine("    var nodeArray = " + TreeView.ClientID + ".get_nodes().get_nodeArray();");
        jscript.AppendLine("    var nodeLength = nodeArray.length;");
        jscript.AppendLine("    document.getElementById('" + fldCheckedNodes.ClientID + "').value = \"\";");                 
        jscript.AppendLine("    for (x=0; x < nodeLength; x++) {");
        jscript.AppendLine("        examineNode(nodeArray[x]);");
        jscript.AppendLine("    }");
        jscript.AppendLine("    var result = document.getElementById('" + fldCheckedNodes.ClientID + "').value;");
        jscript.AppendLine("    return true;");
        jscript.AppendLine("    }");
        jscript.AppendLine("    function examineNode(node) {");
        jscript.AppendLine("    var y = 0;");
        jscript.AppendLine("    var childNodes = node.get_nodes().get_nodeArray();");
        jscript.AppendLine("    var childNodeLength = childNodes.length;");         
        jscript.AppendLine("    if (node.get_checked()) {");
        jscript.AppendLine("        if (document.getElementById('" + fldCheckedNodes.ClientID + "').value.length > 0) {");
        jscript.AppendLine("            document.getElementById('" + fldCheckedNodes.ClientID + "').value += \",\"; ");
        jscript.AppendLine("            document.getElementById('" + fldCheckedNodes.ClientID + "').value += node.get_id();");   
        jscript.AppendLine("        } else {");
        jscript.AppendLine("            document.getElementById('" + fldCheckedNodes.ClientID + "').value += node.get_id();");  
        jscript.AppendLine("        }");
        jscript.AppendLine("    }");             
        jscript.AppendLine("    if (childNodeLength >= 1) {");
        jscript.AppendLine("        for (y=0; y < childNodeLength; y++) {");
        jscript.AppendLine("            examineNode(childNodes[y]);");
        jscript.AppendLine("        }");  
        jscript.AppendLine("    } ");     
        jscript.AppendLine("    }");
        jscript.AppendLine("</script>");
        Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "jscript", jscript.ToString());
    }
    base.OnPreRender(e);
}
protected override void CreateChildControls() {
     Controls.Add(TreeView);
     Controls.Add(fldCheckedNodes);
}
protected override void RenderContents(HtmlTextWriter output) {
    TreeView.RenderControl(output);
    fldCheckedNodes.RenderControl(output);
  }

}

【问题讨论】:

    标签: c# asp.net javascript events hidden-field


    【解决方案1】:

    您的服务器端代码仅在调用呈现控件的页面期间触发 - 无论是在初始加载期间还是在 PostBack 期间。

    如果您需要从隐藏字段 PRIOR 到 PostBack 的值,那么您需要在客户端 JavaScript 中完成您的工作。例如,您可以在 JavaScript 中创建一个名为“function checkedNodesChanged”的函数,并通过在 JavaScript 中注册和事件侦听器在其中工作。输出需要如下所示:

    <input type="hidden" id="fldCheckedNodes" onchange="checkedNodesChanged();" />
    

    可能有一种方法可以在控件的代码隐藏中添加它。比如:

    fldCheckedNodes.Attributes.Add("onchange", "checkedNodesChanged();");
    

    你必须创建有意义的checkedNodesChanged。
    服务器端 ValueChanged 事件仅在 PostBack 期间服务器上的 Page 生命周期期间触发,并且它检测到该值不同于原始页面加载的原始值或上次 PostBack 时存储在 ViewState 中的最后一个值时间。

    也许这个 UpdateCheckedNodes 是我指的“checkedNodesChanged()”函数?在这种情况下,只需调用它而不是我所拥有的。

    【讨论】:

      猜你喜欢
      • 2012-09-09
      • 2013-11-29
      • 2015-07-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多