javascript - 使用 JavaScript 更改 WinJS data-win-bind

Question

<div class="companyTemplate" data-win-control="WinJS.Binding.Template" style="display: none">
    <div class='templDiv'>
        <h4 class='templText' data-win-bind="textContent: name"></h4>
    </div>
</div>

有时我需要更改模板的绑定(bind)。如何使用 JavaScript 将“textContent:名称”绑定(bind)更改为“textContent:地址”绑定(bind)？

Answer 1

如果您按照 Joel 的建议修改 HTML，则需要对包含元素及其数据源调用 WinJS.Binding.processAll 以更新实际绑定(bind)。

也就是说，带有 data-win-bind 的声明性格式只是对 processAll 的使用说明 WinJS.Binding.bind或数据源的 bind方法(来自 mixin)来设置实际关系。

前者，WinJS.Binding.bind，使用绑定(bind)描述符来建立任意源和目标之间的关系；实例绑定(bind)方法已经定义了源。

了解这一点后，您可以使用这些绑定(bind)方法之一在运行时更改绑定(bind)。在这里描述它有点太多了，所以最好的资源是查看 Programming binding sample 。我还在我的免费电子书的第 313-315 页上讨论了这个主题， Programming Windows Store Apps with HTML, CSS, and JavaScript, 2nd Edition. (整章都是关于数据绑定(bind)的)。

您很可能希望跳过声明性 HTML 来设置初始绑定(bind)，而只需从一开始就在代码中完成此操作。然后，您可以参数化该代码，以便在需要时为其提供新的源属性。