asp.net-mvc - Knockout Js、JQuery UI 对话框和部分视图

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>