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