MVC 淘汰赛局部视图答案

【问题标题】：MVC knockout partial viewMVC 淘汰赛局部视图
【发布时间】：2015-06-21 09:02:33
【问题描述】：

我正在使用 MVC 淘汰赛，在单个 js 文件上使用视图模型，单击按钮我正在加载已经完成 data-bind="text: type" 的局部视图。但是视图模型无法绑定元素，因为它在部分视图中并且它正在加载按钮单击...有什么方法可以在分页器渲染后使用绑定数据。

检查下面的代码以加载部分视图并获取部分视图的数据：-

$('#btnCreateTask').click(function () {
    var url = getAppPath() + 'Home/CreateTask';
    $('#midsection').load(url);
    var url = getAppPath() + 'Task/GetTaskFormDetails';
    $.ajax({
        url: url,
        cache: false,
        type: 'POST',
        contentType: 'application/json; charset=utf-8',
        data: {},
        success: function (data) {
            viewModel.task.TaskType.push.apply(viewModel.task.TaskType, data["objType"]);

【问题讨论】：

stackoverflow.com/questions/11066732/…
您也可以使用模板而不是局部视图：knockoutjs.com/documentation/template-binding.html
1.您可以尝试在加载时隐藏div 并使其在点击时可见（我的首选方式）。 2.如果你是动态添加html到div你需要re-apply bindings父div。欢呼

标签： model-view-controller knockout.js partial

【解决方案1】：

当使用 MVC 通过 jQuery.load() 将部分内容动态加载到您的应用程序中时，您必须了解您引入的元素未注册淘汰赛。当您初始化一个页面时，您使用 ko.applybindings() 调用敲除。一次。任何进一步的 DOM 操作都必须是淘汰赛绑定的副产品。

我们的一个项目是一个巨大的企业应用程序，我们在加载时将所有可能的部分加载到我们的视图中，并通过将它们格式化为剔除模板或仅具有剔除可见性绑定来控制它们的可见性。

使用任一选项，您都是在初始加载时加载 DOM 元素。增加的开销很小，并且会阻止对服务器的回调。

【讨论】：