windows-8 – 如何动态显示/隐藏WinJS模板中的div

发布时间：2020-12-14 01:46:45 所属栏目：Windows 来源：网络整理

导读：我有一个包含一个模板的 Windows 8应用程序,该模板包含一个基于data-win-control =“WinJS.Binding.Template”中的属性值显示或隐藏的div.我没有运气尝试过以下的事情： div data-win-bind="visible: isMore" ..content... /div 其中isMore是数据绑定项的布

我有一个包含一个模板的 Windows 8应用程序,该模板包含一个基于data-win-control =“WinJS.Binding.Template”中的属性值显示或隐藏的div.我没有运气尝试过以下的事情：

<div data-win-bind="visible: isMore"> ..content... </div>

其中isMore是数据绑定项的布尔属性.

我怎样才能做到这一点？我猜可见属性不存在？

你是对的 – 可见属性不存在,但您可以使用CSS和绑定转换器来控制外观.

首先,使用WinJS.Binding.converter创建一个转换器函数,将布尔值转换为CSS显示属性的值,如下所示：

var myConverter = WinJS.Binding.converter(function (val) {
    return val ? "block" : "none";
});

确保该功能是全球可用的 – 我使用WinJS.Namespace.define创建这些转换器的集合,我可以获取到全局.

现在,您可以使用数据绑定中的转换器来控制CSS显示属性,如下所示：

<div data-win-bind="style.display: isMore myConverter"> ..content... </div>

（编辑：李大同）

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