Knockout Js, JQuery UI Dialog i częściowy widok

Question

Mam wymóg, że muszę załadować w Partial View (brzytwa) w oknie dialogowym Jquery Modal, problem polega na tym, że nie jestem w stanie zintegrować się z Knockout. Implementacja będzie następująca: użytkownik wchodząc na stronę musi mu pokazać okno dialogowe Modal (wyskakujące - widok częściowy) z opcją Knockout binding. Każda pomoc byłaby bardzo cenna.

Answer 1

Ponieważ od razu wyświetli się okno dialogowe, jednym podejściem, które można zastosować, jest po prostu renderowanie widoku częściowego bezpośrednio do strony głównej jako szablonu.

Można by określić swój częściowy widok tak:

<script id="myPopupTemplate" type="text/html"> 
    <span data-bind="text: Name"></span> 
    <span data-bind="text: Age"></span> 
    <button data-bind="click: doSomething">Do Stuff</button> 
</script> 

aw swojej stronie głównej, po prostu render the template na dole strony:

@Html.RenderPartial("MyPartialView") 

Teraz można użyć template binding jako normalnie, z wyjątkiem tego czasu można zawinąć wszystko w strukturę potrzebną do modalnego okna dialogowego za pomocą jQuery.

<div data-bind="template: {name: 'myPopupTemplate', data: myData}"> 
</div>