asp.net-mvc – Knockout Js,JQuery UI Dialog和Partial view

发布时间：2020-12-16 07:45:43 所属栏目：asp.Net 来源：网络整理

导读：我有一个要求,我需要在 Jquery Modal对话框中加载Partial View(razor),问题是我无法与Knockout集成.实现将是这样的,当用户进入网站时,我需要向他展示带有Knockout绑定的模态对话框(弹出窗口 – 部分视图).任何帮助将非常感激. 解决方法由于您将立即显示对话

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

解决方法

由于您将立即显示对话框,您可以使用的一种方法是将部分视图直接渲染为主页面作为模板.

您可以像这样定义局部视图：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!