Knockout Js, Dialogo dell'interfaccia utente JQuery e vista parziale

Question

Ho un requisito per cui ho bisogno di caricare in Vista parziale (rasoio) nella finestra di dialogo Modale di Jquery, il problema è che non sono in grado di integrarlo con Knockout. L'implementazione sarà così, quando un utente entra in un sito, ho bisogno di mostrargli una finestra di dialogo Modale (pop-up - Vista parziale) con binding Knockout. Qualsiasi aiuto sarebbe molto apprezzato.

Answer 1

Poiché si sta per mostrare immediatamente la finestra di dialogo, un approccio che è possibile utilizzare è semplicemente rendere la vista parziale direttamente alla pagina principale come modello.

Si potrebbe definire la vista parziale in questo 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> 

E nella tua pagina principale, è sufficiente render the template alla parte inferiore della pagina:

@Html.RenderPartial("MyPartialView") 

Ora è possibile utilizzare il template binding come normalmente lo faresti, tranne che questa volta puoi avvolgere tutto nella struttura necessaria per la finestra di dialogo modale usando jQuery.

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