OnClick 和 OnClientClick

Question

我在另一个页面打开的弹出页面上有一个图像按钮

<asp:ImageButton 
        ID="Button_kalem_islemikaydet" 
        runat="server" 
        CausesValidation="False" 
        ImageUrl="~/images/butonlar/buyuk/Kaydet.jpg"  
        meta:resourcekey="Button_kalem_islemikaydetResource1" 
        OnClick="Button_ust_islemikaydet_Click" 
        OnClientClick="f2()"  
        Width="100" />

f2() 是

<script type="text/javascript">
        function f2() {
            opener.document.getElementById("TextBox1").value = "hello world";
            opener.document.getElementById("HiddenField1").value = "hello world";

            window.opener.location.href = window.opener.location.href;            
        } 
</script> 

Button_ust_islemikaydet_Click 是在 aspx.cs 文件中实现的另一种方法，它更新在 GridView 的父页面中显示的数据库表。

我要做的是做PostBack，我的意思是刷新打开器（父）页面。上面的代码刷新工作正常。但是，父页面在刷新之前仍然显示相同的数据。原因是OnClientClick 在OnClick 方法之前工作 所以我的问题是，有什么方法可以在OnClick 上运行该方法并完成它，然后运行OnClientClick 方法？

Answer 1

<form id="aspnetForm" runat="server">
    <asp:Button Text="Click Me" ID="ClickMeButton" OnClick="ClickMeButton_OnClick" runat="server" />
    <asp:HiddenField runat="server" ID="UpdateOpenerHiddenField" Value="false" />

    <script type="text/javascript">
        //1st approach
        var updateOpenerField = window.document.getElementById("<%= UpdateOpenerHiddenField.ClientID  %>");
        if (updateOpenerField.value === "true") {
            f2();
            updateOpenerField.value = "false";
        }

        // for the 2nd approach just do nothing
        function f2() {
            alert("Hello, opener!");
        }
</script>
</form>


protected void ClickMeButton_OnClick(object sender, EventArgs e)
    {
        //1st approach
        UpdateOpenerHiddenField.Value = "true";

        // 2nd approach
        ClientScript.RegisterStartupScript(this.GetType(), "RefreshOpener", "f2();", true);
    }

Answer 2

不，您不能在客户端之前运行服务器端代码（OnClick 事件处理程序）。添加了 OnCLientClick 事件以在回发之前执行一些验证。只有一种方法可以做到——更新 f2 方法并通过 ajax 在服务器上发布数据

Answer 3

您可以将您的 javascript 放入您在服务器端 OnClick 处理程序中显示的 PlaceHolder 标记中。

aspx代码：

<asp:PlaceHolder id="refreshScript" visible="false" runat="server">
  window.opener.location.href = window.opener.location.href;
  window.close();
</asp:PlaceHolder

cs代码：

protected void button_Click(Object sender, EventArgs e) {
  // do whatever
  refreshScript.Visible = true;
}