Knockout Js，JQuery UI對話框和局部視圖

Question

我有一個要求，我需要在Jquery Modal對話框中加載部分視圖（剃鬚刀），問題是我無法與Knockout集成。實現將是這樣的，當用戶進入一個網站時，我需要用Knockout綁定向他展示一個Modal對話框（彈出 - 部分視圖）。任何幫助將非常感激。

Answer 1

由於您將立即顯示對話框，因此您可以使用的一種方法是將部分視圖直接呈現爲主頁面作爲模板。

你需要定義你的部分觀點如下所示：

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

而在你的主頁，你只需render the template到頁面的底部：

@Html.RenderPartial("MyPartialView") 

現在你可以使用template binding作爲你通常會這樣做，除了這次你可以用jQuery將它們全部包裝到你需要的模態對話框中。

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