проблема производительности с частичным видом

Question

У меня есть вид со многими вещами, среди них это:

@Html.Partial("AddWindow") 
@Html.Partial("EditWindow") 

Каждый из этих частичных взглядов содержит Kendo Window, содержимое которого загружаются с помощью Ajax.

Окна Kendo в каждой частичной части открыты с помощью кнопочного вызова, но на самом деле происходит то, что они загружаются сразу после доступа к странице. Я просто хочу, чтобы они загружались, когда я нажимаю эти кнопки.

Без этих двух строк кода анимации CSS были текучими на всей странице. Теперь они ломаются на секунду для каждой нагрузки Ajax (я попытался удалить одну из частичных частей и обнаружил только один разрыв, и никакие частичные части не означают никакого разрыва). Разрывы невидимы, когда окна фактически открываются, но при входе на страницу анимация CSS прерывается дважды, по одному для каждой загрузки Ajax. После этого все отлично.

function openAdd() { 
    $("#addWindow").data("kendoWindow").center().open(); 
} 

Я думал, что внутри выше функция должна быть чем-то, что не только открывает окно кэндо, но и загружает парциальное в поле зрения.

Любая помощь?

Answer 1

здесь то, что вы можете сделать

@(Html.Kendo().Window().Name("addWindow") 
    .Visible(false) 
    .Modal(true) 
    .Draggable(true) 
    .Width(450) 
    .Height(400) 
) 


<script type="text/javascript"> 
function openAdd() { 
    var window = $("#addWindow").getKendoWindow(); 
    window.refresh({ 
     url: '@Url.Action("Action", "Controller")', 
    }); 
    window.title('Title'); 
    window.center().open(); 
} 
</script> 

надеюсь, что это поможет вам