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
5
A
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>
Verwandte Themen
- 1. Knockout-Bindung an Teilansicht und jQueryUI Dialog
- 2. Knockout Update vom jQuery UI Dialog abbrechen
- 3. Mit Knockout js mit jQuery UI Slider
- 4. Größe jquery UI Dialog mit JS?
- 5. jquery Ui-dialog und ie8
- 6. Jquery Autocomplete und jQuery UI Dialog
- 7. jQuery UI Dialog OnBeforeUnload
- 8. jQuery-UI Dialog Speicherlecks
- 9. JQuery UI Dialog langsam
- 10. jQuery UI Dialog Tasten
- 11. jQuery UI Dialog Overlay
- 12. Transparente jQuery UI Dialog
- 13. Teilansicht im modalen Dialog funktioniert nicht (jQuery)
- 14. jQuery UI Dialog und Textfeld Fokus Issue
- 15. jQuery UI-Dialog Titelleiste Problem
- 16. jQuery UI Dialog onClick Ereignis
- 17. Positionierung jQuery UI Dialog nebeneinander
- 18. Problem mit Jquery UI Dialog
- 19. Jquery ui Dialog Modal True
- 20. jquery Funktion in jquery-ui Dialog
- 21. jQuery-UI-Dialog - Uncaught TypeError in Wordpress
- 22. JQuery Fortschrittsbalken und Teilansicht beim Senden
- 23. Teilformular im jQuery-Dialog rendern
- 24. Knockout und jQuery Autocomplete
- 25. Schließen von JQuery UI Dialog beim Rendern einer Teilansicht mit einem Modell
- 26. JQuery UI Slider in Modal Dialog
- 27. Problem mit jquery Dialog
- 28. jquery-ui, Verwenden Dialog ('open') und eine Variable zur DIALOG passieren
- 29. JQuery-Dialog und Probleme Ajax
- 30. JQuery UI Dialog Zeigt "Dialog Div" vor der Anzeige