5

Ich habe eine Anforderung, wobei ich in Teilansicht (Rasierer) in Jquery Modal-Dialog laden muss, das Problem ist, ich bin nicht in der Lage mit Knockout zu integrieren. Die Implementierung wird so sein, wenn ein Benutzer eine Site betritt, muss ich ihm einen Modal-Dialog (Popup - Teilansicht) mit Knockout-Bindung zeigen. Jede Hilfe würde sehr geschätzt werden.Knockout Js, JQuery UI Dialog und Teilansicht

Antwort

1

Da Sie den Dialog sofort anzeigen, können Sie die Teilansicht einfach direkt als Vorlage auf der Hauptseite darstellen.

Sie würden Ihre Teilansicht wie so definieren:

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

Und in Ihrer Haupt-Seite, geben Sie einfach render the template zum unteren Rand der Seite:

@Html.RenderPartial("MyPartialView") 

Jetzt können Sie die template binding verwenden als Normalerweise würden Sie dies jedoch mit Ausnahme von jQuery in der Struktur vornehmen, die Sie für den modalen Dialog benötigen.

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