在Web应用程序的另一个面板上显示面板

Question

我正在寻找答案，但找不到任何有用的东西。

我有一些带有一些数据的gridview（来自SQL数据库）和一个删除行的选项。在删除行之前，我希望用户确认删除（pupup窗口）。我知道如何使用javascript创建弹出窗口，但我不喜欢弹出窗口的外观。我想让自己的“弹出窗口”。

我正在考虑覆盖一个面板（我将文本（Label）和一些按钮（OK，取消））覆盖在我拥有gridview的面板上。像图片中的东西。我怎么能做到这样的呢？

Answer 1

如何使用Ajax控件工具包弹出窗口？

http://www.asp.net/ajaxlibrary/act_Popup.ashx

这似乎完全符合您的要求。

Answer 2

具有JQueryUI dialog样式的custom怎么样？

Answer 3

使用jQuery UI dialog

示例：

<script type="text/javascript">
    $(function () {
        var $dialog = $("#dialog");
        var $foo = $("input:submit[id$=foo]");
        var confirmed = false;

        $dialog.hide();

        $dialog.dialog({
            width: "300px",
            modal: true,
            autoOpen: false,
            buttons: {
                OK: function (e) {
                    $dialog.dialog("close");
                    confirmed = true;
                    $foo.click();
                },
                Cancel: function (e) {
                    $dialog.dialog("close");
                    confirmed = false;
                }
            }
        });

        $foo.click(function (e) {
            if (!confirmed) {
                $dialog.dialog("open");
            }

            return confirmed;
        });
    });
</script>

完整working example can be downloaded from here