HiddenField EventHandler ValueChanged在通过Javascript更改时不会被触发

时间:2009-06-30 14:36:03

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

我有一个在我的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);
  }

}

1 个答案:

答案 0 :(得分:1)

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

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

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

可能有一种方法可以在控件的代码隐藏中添加它。类似的东西:

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

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

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