Question

我有一个要求，我需要在Jquery Modal对话框中加载Partial View（razor），问题是我无法与Knockout集成。实现将是这样的，当用户进入网站时，我需要向他展示带有Knockout绑定的模态对话框（弹出窗口 - 部分视图）。任何帮助将非常感激。

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>

Knockout Js，JQuery UI Dialog和Partial view

1 个答案: