Knockout Js, JQuery UI Diálogo y vista parcial

Question

Tengo un requisito por el cual necesito cargar en vista parcial (razor) en el diálogo Jquery Modal, el problema es que no puedo integrarme con Knockout. La implementación será así: cuando un usuario ingresa a un sitio, necesito mostrarle un cuadro de diálogo modal (ventana emergente - Vista parcial) con enlace Knockout. Cualquier ayuda sería muy apreciada.

Answer 1

Como va a mostrar el cuadro de diálogo de inmediato, un enfoque que puede utilizar es simplemente presentar la Vista parcial directamente a la página principal como una plantilla.

Se podría definir una vista parcial de este modo:

<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> 

Y en su página principal, sólo tiene que render the template a la parte inferior de la página:

@Html.RenderPartial("MyPartialView") 

Ahora puede utilizar el template binding como normalmente lo haría, excepto que esta vez puede envolverlo todo en la estructura que necesita para el diálogo modal usando jQuery.

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