Kendo UI 窗口闪烁旧内容

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});
}

注意你其实不需要每次都bindrefresh事件，你可以在Window初始化的时候定义。

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