KO.js关于模式控制的数据绑定问题

Question

嗨，大家好，我正在寻找与我的基因敲除问题有关的一些帮助。

一切都始于ko.applyBindings(viewModel)在ko.applyBindings(viewModel)我一个错误，而没有其他人说与在同一元素上调用多个绑定有关的事情。

通过查看文档，我很快使用ko.applyBindings(viewModel, document.getElementById('ElementId'))代码解决了此问题。

但是又出现了另一个问题。 我在编辑控件上失去了约束力。 换句话说，当我单击编辑文本时，我得到一个空白对话框，而不是用对象填充？ 属性。

原始源代码-https://dnnboards.codeplex.com/
原始现场演示-http: //demo.dnnboards.com/

我能看到的唯一区别是基因敲除版本。 原始演示使用2.1.0，而我正在使用3.1.0，但是无论我是否将整个演示HTML代码包装在div中<body> <div id="myModule">...</div> <scripts> </body>
并改变
ko.applyBindings(vm);
至
ko.applyBindings(vm, document.getElementById('myModule'));
一切仍然按预期进行。

我无法在jsfiddle中工作，但是您应该能够更好地了解我所从事的工作。
http://jsfiddle.net/iiminov/88rafcfk/

如果有人对如何进行调试提出了很好的建议，我将不胜感激。

但我怀疑
<div id="divModal" style="display:none;"> <!-- ko with: selectedCard -->
无法正常工作。 因为
<!-- ko if: showAddCard --> <a href="#" class="hlCompose" data-bind="click: $root.expandCompose">Add a card</a>
显示在每个列表上添加卡链接。

更新1：

感谢@PW Kad解决了jsfiddle的问题。 但这不是我要解决的最初问题。

正如我试图在将范围添加到ko.applyBindings()之后指出的那样，我在对话框上丢失了数据绑定，但是能够解决multiple bindings on the same element具有multiple bindings on the same element的错误。

Jsfiddles的目的是证明我不应该有任何问题。 但是我正在努力弄清楚为什么会这样。

但是我很少观察到：

• 淘汰赛版本差异（demo 2.1.0与我的dev 3.1.0）
  • 我对淘汰赛知之甚少，因为即使我将淘汰赛版本提高到3.0.0（最新可用），jsfiddle仍然可以正常工作，所以无法排除这一漏洞。
• 我首先不了解数据绑定如何在对话框上工作？
  • 我了解self.selectedCard = ko.observable(); 宣言
  • 而且我不理解self.selectedCard(cardToEdit); 宣言
  • 但是根据文档<p data-bind="with: coords">
  • 我不应该有类似<div id="divModal" style="display: none;" data-bind="with: selectedCard">东西吗？ <div id="divModal" style="display: none;" data-bind="with: selectedCard"> （这对我不起作用，顺便说一句）
• 相同的原理适用于add a card链接/按钮。
  • 我看不到with with关键字的绑定。
  • 但是，在原始演示中，此链接仅出现在To Do列表中，在我的情况下，它出现在所有列表中。

更新1.1

with关键字刮擦数据绑定位。 我发现了Note 1: Using “with” without a container element它与我在html中看到的相对应。 这使我相信并非所有地方的javascript都可以。 <!-- ko with: outboundFlight --> ... <!-- /ko -->

更新1.2

从头开始add a card链接问题。 原来我的列表项以SortOrder = 0返回，这导致链接显示在每个列表上。

更新1.3

好吧，谁能猜到，通过解决SortOrder值问题，不仅导致在每个列表上显示add a card链接/按钮，而且还解决了对话框上数据绑定的问题。 人力资源管理...

Answer 1

您的小提琴在诊断问题方面非常出色-http: //jsfiddle.net/88rafcfk/1/-有一个更新的小提琴。

似乎您的代码运行正常，除了我进行的单个更改-您使用document.GetElementById而不是document.getElementById 。

当我更改此设置时，一切正常。