在ASP.NET中使用JQueryUI对话框

时间:2011-07-19 13:10:58

标签: asp.net jquery-ui jquery-ui-dialog

我正在尝试用JQueryUI对话框替换标准的javascript confirm函数。我一直在寻找解决方案,但似乎没有什么对我有用。我想要的很简单:单击ASP.Net按钮,显示对话框,如果按“是”则继续。当前的javascript代码:

    $(document).ready(function () {

        $("#confirmDialog").dialog({
            autoOpen: false,
            modal: true,
            closeOnEscape: false,
            bgiframe: true,
            open: function (event, ui) { $(".ui-dialog-titlebar-close", ui.dialog).hide() },
            buttons: {
                "Yes": function () {
                    $(this).dialog('close');
                    return true;
                },
                "No": function () {
                    $(this).dialog('close');
                    return false;
                }
            }
        });
    });

    function showDialog() {
        $("#confirmDialog").dialog('open');
        return false;
    }

ASP.NET代码:

            <asp:Button ID="DeleteButton" CssClass='button' onmouseout="this.className='button'"
                onmouseover="this.className='button:hover'" runat='server' Text='Delete' Width='1in'
                Height="30px" OnClientClick="javascript:showDialog();" OnClick="DeleteSetup"/>

正在发生的事情是显示对话框,但在对话框中选择任何内容之前调用DeleteSetup vb.net sub。

提前感谢您的任何帮助或建议。

1 个答案:

答案 0 :(得分:5)

尝试将OnClientClick声明更改为此

OnClientClick="return showDialog();"