ASP.NET 回发 asp:button 单击

Question

我在 asp:net 中使用 AJAX，并尝试处理 asp:button 触发 JavaScript 方法和代码隐藏 C# 方法的情况。为此，我使用按钮的 onclick 和 onClientClick 属性。我需要发生回发才能调用代码隐藏，但是此回发会导致 javascript 无法工作，因为变量已丢失状态。谁能描述如何处理这个问题？可以使用 ajax 和异步回发吗？它开始让我有点疯狂了！

编辑： javascript 实际上用于 google-map (v3)，c# 代码用于提交到 sql 数据库。

地图在代码隐藏中初始化为：

protected void Page_Load(object sender, EventArgs e)
    {
        if(!Page.IsPostBack) {
            ScriptManager.RegisterStartupScript(this, this.GetType(), "onload", "initialize_map();", true);
            submitButton.Command += new CommandEventHandler(this.submitButton_Click);
        }
    }

这是一些相关代码：

<asp:UpdatePanel runat="server" ID="Form" UpdateMode="Conditional">
<ContentTemplate>

(...form stuff...)

<asp:Button ID="submitButton" runat="server" Text="Submit" ValidationGroup="NewCallFormSubmit" OnClientClick="calcRoute(); return false;" onclick="submitButton_Click" />

</ContentTemplate>
</UpdatePanel>

<asp:UpdatePanel runat="server" ID="DisplayUpdatePanel" UpdateMode="Conditional">
<ContentTemplate>

 <h1>
  Pick-Up and Drop-Off Locations
  </h1>
     <!-- Map Layout -->
     <div id="map_canvas" style="width: 500px; height: 500px;"></div>                          

</ContentTemplate>
</asp:UpdatePanel>

...我认为如果我能让第一个 updatepanel 在按钮单击时回发，第二个面板不回发，并且按钮仍然调用隐藏代码。到目前为止，这一切都没有同时发生。

Answer 1

如果您只想在 OnClick（服务器）代码之前运行 OnClientClick（客户端）代码，请尝试以下操作：

ASP.NET

<asp:Button ID="btn_mybutton" runat="server" Text="MyButton" OnClientClick="return JSFunction();" OnClick="CFunction"/>

Javascript

<script type="text/javascript">
    function JSFunction() {
        alert('Some JavaScript stuff');
        return true; 
    }
</script>

C#

protected void CFunction(object sender, EventArgs e)
{
    // Some server code
}

JavaScript 函数首先执行并在服务器代码执行之前返回。