jquery - ASP.NET - JQuery 模式对话框内的 UpdatePanel

Question

我正在尝试更新模式对话框的内容。我在对话框内使用更新面板，但页面刷新，因此对话框关闭。

$("#dlg").dialog({
  autoOpen: false,
  bgiframe: true,
  width: 500,
  modal: true,
  closable: true,
  buttons: {
    Close: function () {
      $(this).dialog('close');
    }
  }
});
$("#dlg").parent().appendTo($("form:first"));

function openDialog() {
  $('#dlg').dialog('open')
  return false;
}

这是页面:

<div id="dlg">
<asp:UpdatePanel ID="upNewUpdatePanel" runat="server">
    <ContentTemplate>
    <asp:Label ID="updateLabel" runat="server"></asp:Label>
    </ContentTemplate>
    </asp:UpdatePanel>
</div>


<asp:LinkButton ID="updateSomething" runat="server" Text="Update" CausesValidation="false" OnClientClick="openDialog();" onclick="UpdateButton_Click" />

以及更新功能:

protected void UpdateButton_Click(object sender, EventArgs e)
{
    updateLabel.Text = DateTime.Now.ToString();
}

谁能告诉我如何在不刷新页面的情况下更新对话框？

Answer 1

您必须为更新面板中的链接按钮定义 AsyncPostBackTrigger，如下所示

<asp:UpdatePanel ID="upNewUpdatePanel" runat="server">
   <ContentTemplate>
       <asp:Label ID="updateLabel" runat="server"></asp:Label>
   </ContentTemplate>
   <Triggers>
       <asp:AsyncPostBackTrigger ControlID="updateSomething" EventName="Click" />
   </Triggers>
</asp:UpdatePanel>