【问题标题】:Knockout Js, JQuery UI Dialog and Partial viewKnockout Js、JQuery UI 对话框和部分视图
【发布时间】:2012-09-05 10:25:39
【问题描述】:

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

【问题讨论】:

    标签: asp.net-mvc razor knockout.js jquery-ui-dialog asp.net-mvc-partialview


    【解决方案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>
    

    【讨论】:

      猜你喜欢
      • 2017-09-08
      • 1970-01-01
      • 2012-07-07
      • 2011-11-18
      • 1970-01-01
      • 2011-09-19
      • 2018-11-10
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多