5

MVC razor-view に jquery ダイアログ ボックスがあり、その中に閉じるボタンがありました。しかし、閉じるボタンをクリックすると、ダイアログが非表示になり、削除されないため、ページ上のリンクをクリックしても機能しません。これは望ましくありません。いいえ、ダイアログを閉じるたびにアクション メソッドにリダイレクトしたいと思いますか。

ダイアログヘッダーの「X」ボタンをクリックすると、まさに欲しいものが得られます。それで、先輩は今、「閉じる」ボタンを完全に削除して、ヘッダーに「X」ではなく「閉じる」と書いてほしいと言っています。ダイアログヘッダーが使用する大量のCSSクラスを削除して、Chromeブラウザーコンソールを介してダイアログボックスを編集することができました。しかし、これを実現するためにプロジェクトのコード (CSS または jquery) を変更する場所がわかりません!! ダイアログボックスについて教えてください!!

ここに私のダイアログボックスがあります:

$(function () {

        $.ajaxSetup({ cache: false });
        $(".ExportStatus").live("click", function (e) {

            e.preventDefault();
            var height = 350, width = 370;  //height = 350 width = 345; 
            $('<div><span class="well"  style="position: absolute; top: 85px; left: 70px"><img src="' + loaderimagePath + '" alt="Processing your request. Please wait..." /></span></div>')
            .addClass("dialog")
            .attr("id", $(this).attr("data-dialog-id"))
            .appendTo("body")
            .dialog({
                //                    open: function () {
                //                        $(".ui-dialog-titlebar-close").val() = closebutton;
                //                    },
                title: $(this).attr("data-dialog-title"),
                closeOnEscape: true,
                resizable: false,
                //                    close: $(this).attr("data-dialog-titlebar-close"),         
                //                      $("data-dialog-title-close").live("click", 
                //                    function () {
                //                        $(".ui-dialog").hide();
                //                        $(".ui-widget-overlay").hide();
                //                    },                       
                //window.setTimeout('location.reload()', 0);   $(this).remove()
                buttons: {
                    "Close": function () {
                        e.preventDefault();
                        $(".ui-dialog").remove();
                        $(".ui-widget-overlay").remove();
                        // $(" #quickfillDialog").dialog("hide");

                        return false;
                    }


                },![enter image description here][1]
                modal: true,
                position: 'middle',
                width: width,
                height: height
            })

            // $(".ui-dialog-titlebar-close").click( function() {
            // $(this).parent().children().children("a.ui-dialog-titlebar-close").remove();
            .load(this.href, function (response, status, xhr) {
                if (status == "error") {
                    var msg = "Sorry but there was an error: ";
                    $('.dialog').html(msg + xhr.status + "<br/>" + xhr.statusText + "<br/>" + xhr.responseText);
                }
            });
        });
4

2 に答える 2

5

上記のjQueryコードのダイアログ部分は次のように変更できます。

.dialog({
    open: function(event, ui) {
        $('.ui-dialog-titlebar-close')
            .removeClass("ui-dialog-titlebar-close")
            .html('<span style="float:right;">Close</span>');
    }
})

お役に立てれば！

于 2012-11-19T14:38:31.697 に答える