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

Question

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

Answer 1

由于您将立即显示对话框，因此您可以使用的一种方法是简单地将局部 View 作为模板直接呈现到主页。

你可以像这样定义你的局部 View :

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