0

jQuery ダイアログをポップアップするためのハイパーリンク (LnkDelete) を含むリスト ビューを含むユーザー コントロールがあります。

これは、作業を行うJavaScriptコードです

$('#LnkDelete').live('click', function (e) {
            var page = $(this).attr("href");
            var $dialog = $('<div></div>')
                .html('<iframe style="border: 0px;" src="' + page + '" width="100%" height="100%"></iframe>')
                .dialog({
                    autoOpen: false,
                    modal: true,
                    height: 200,
                    width: 600,
                    title: "Are you sure you want to delete ...?"
                });
            $dialog.dialog('open');
            e.preventDefault();
        });

これは、「DeleteBranch」Web フォームをダイアログとして開くハイパー リンクです。

<asp:HyperLink ID="LnkDelete" runat="server" NavigateUrl='<%# Eval("ID", "~/Personnel/DeleteBranch?Id={0}") %>' ClientIDMode="Static" CssClass="button-delete" />

「DeleteBranch」Web フォームには、「OK」および「キャンセル」ASP ボタンを備えたユーザー コントロールが含まれています。「OK」ボタンは、元のリストビューで関連する行の削除操作を実行するだけです。

問題は、「キャンセル」ボタンでポップアップを閉じる方法です。

4

1 に答える 1

2 
    $('#LnkDelete').live('click', function (e) {
        var page = $(this).attr("href");
        var $dialog = $('<div></div>')
            .html('<iframe style="border: 0px;" src="' + page + '" width="100%" height="100%"></iframe>')
            .dialog({
                autoOpen: false,
                modal: true,
                height: 200,
                width: 600,
                title: "Are you sure you want to delete ...?",
                buttons: [
                {
                    text: 'OK',
                    click: function() { /*Your delete operation*/ }
                },
                {
                    text: "Cancel",
                    click: function() { $dialog.dialog('destroy'); }
                }
               ]
            });
        $dialog.dialog('open');
        e.preventDefault();
    });

あなたが言ったように、ASP ボタンの場合、そのボタンにいいねを付けて、次のスクリプトを追加します。IDbtn_cancel

<script lang='javascript'>
$(document).ready(function(){
    $('#btn_cancel').click(function(){
        $dialog.dialog('destroy');
    });
});
</script>
于 2013-01-16T11:49:25.237 に答える