使用jQuery模式弹出窗口

时间:2010-02-27 17:54:02

标签: jquery

我在Asp.Net VS08 C#上工作。点击Button我想显示一个模型弹出窗口。包含波纹管控件。

<div>         
        <asp:Button ID="Button1" runat="server" Text="Close" />
        <asp:Button ID="Button2" runat="server" Text="Save" />
        <asp:Button ID="Button3" runat="server" Text="Search" />

    </div>

弹出关闭只需点击关闭按钮。点击保存按钮保存值但不关闭弹出窗口,点击搜索按钮搜索值但弹出窗口不关闭。

1 个答案:

答案 0 :(得分:0)

假设包含jQuery UI:

$('#myPopupControl').dialog( { modal: true } );

(您将控件放在<div id="myPopupControl">...</div>

使用此按钮关闭对话框:

$('#Button1').click( function() { $('#myPopupControl').dialog('close'); } );

当用户点击“保存”或“搜索”时,您可以根据需要执行任何操作(您的问题没有为我提供足够的详细信息以便能够提供帮助)。