windows-8 - 使用 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");