Окно 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}); 
} 

ПРИМЕЧАНИЕ Вы на самом деле не нужно bindrefresh события каждый раз, вы можете определить его во время инициализации окна.

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