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