如何仅刷新jquery ui对话框组件中的按钮文本

时间:2013-09-25 21:06:34

标签: jquery jquery-ui popup updatepanel jquery-ui-dialog

我有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>

1 个答案:

答案 0 :(得分:0)

你这样做令人困惑...... 使用Ajax请求,将其更改为简单的客户端input,您将不需要错误的UpdatePanel和Postbacks。