使用GridLayout确定WinJS.UI.ListView列数

Question

我的总体目标是为GridLayout的每一列添加一种标题。没有找到任何内置的支持，我想我可以将标题添加为一个单独的元素。问题是我需要知道要渲染的列数。

Answer 1

ListView支持您拥有的每个列的标题，除非您按列表示ListView中每个组中的每个列。以下是定义标题模板的方法：

<div class="headertemplate" data-win-control="WinJS.Binding.Template">
    <button class="group-header win-type-x-large win-type-interactive" data-win-bind="groupKey: key"
        onclick="Application.navigator.pageControl.navigateToGroup(event.srcElement.groupKey)" role="link" tabindex="-1" type="button">
        <span class="group-title win-type-ellipsis" data-win-bind="textContent: title"></span>
        <span class="group-chevron"></span>
    </button>
</div>

以下是如何在页面准备时填充它：

listView.groupHeaderTemplate = element.querySelector(".headertemplate");