Knockout Js,JQuery UI Dialog和Partial view

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>

在主页中，您只需将模板渲染到页面底部即可：

@Html.RenderPartial("MyPartialView")

现在您可以像平常一样使用模板绑定，只不过这次您可以使用 jQuery 将其全部包装在模式对话框所需的结构中。

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