KendoUI窗口閃爍舊內容

Question

使用KendoUI顯示彈出窗口，我注意到如果我通過調用refresh重用現有窗口，它會短暫顯示舊內容，直到AJAX請求完成。

我的代碼：

function clickHandler(evt) {
    evt.preventDefault();

    var dta=this.dataItem($(evt.currentTarget).closest("tr"));

    convertWindow.refresh({ type: "GET", url: "CallMeConvert?AppointmentId="+dta.AppointmentId});
    convertWindow.center();
    convertWindow.open();
    }

有沒有辦法防止這種情況發生，或者每次都必須銷毀並重新創建窗口？

Answer 1

最后，這很簡單。 您只需要在重置之前立即清除HTML，如下所示：

$("#convert-window").html("");
convertWindow.refresh({ type:"GET", url:url }).center().open();

Answer 2

嘗試打開窗口，而不是在開始刷新時，但在完成時打開窗口。 您需要做的是使用refresh事件：

function clickHandler(evt) {
    evt.preventDefault();

    var dta=this.dataItem($(evt.currentTarget).closest("tr"));

    converWindow.bind("refresh", function() {
        convertWindow.center().open();
    });

    convertWindow.refresh({ type: "GET", url: "CallMeConvert?AppointmentId="+dta.AppointmentId});
}

注意您實際上不需要每次都bind refresh事件，您可以在Window初始化期間定義它。

var convertWindow = $("#my_window").kendoWindow({
    ...
    refresh : function () {
        convertWindow.center().open();
    }
});