jquery - 如何在jquery ui dialog组件中仅刷新按钮文本

Question

我有 jQueryUI 对话框（弹出窗口）。上面有一些控件。我将输入数据，然后单击 btnFindPerson 并刷新 btnAddNewPerson 文本。但是，如果不关闭弹出窗口，btnAddNewPerson 文本无法刷新

脚本：

    function x() {
        $("#dialog").dialog({
            title: "jQuery Dialog Popup",
            open: function (type, data) { $(this).parent().appendTo("form"); },
            buttons: {
                Close: function () {
                    $(this).dialog("destroy").remove();
                }
            }
        });
    }

HTML：

<input type="Button" name="name" title="ccc" value=" bbb" onclick="x();" />
  <asp:UpdatePanel runat="server" ID="UpdatePanel1" UpdateMode="Conditional">
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="btnFindPerson" EventName="Click" />
        <asp:PostBackTrigger  ControlID="btnAddNewPerson"/>
    </Triggers>
    <ContentTemplate>
        <div id="dialog" style="display: none;">
            This is a simple popup
            <asp:Label Text="Ara:" runat="server" ID="x" />
            <asp:TextBox ID="txtEnterPerson" runat="server" />
            <asp:Button ID="btnFindPerson" Text="Bul" runat="server" OnClick="btnFindPerson_Click" />
            <asp:Button ID="btnAddNewPerson" Text="Yeni Kişi Ekle" runat="server" />
        </div>
    </ContentTemplate>
  </asp:UpdatePanel>

Answer 1

你这样做太令人困惑了......使用 Ajax 请求，将其更改为简单的客户端input，您将不需要有问题的 UpdatePanel 和 Postbacks。