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