WinJS.UI.ListView水平(WinJS.UI.ListView horizontal)

有几个项目，要水平显示他们，需要他们换到下一行，当没有足够的空间。

<div class="historyItem">
    <div id="testTemplate" data-win-control="WinJS.Binding.Template" style="display:none">
        <div class="itemTemp">
            <h6  data-win-bind="innerText: desc"></h6>
        </div>
    </div>
</div>
<div id="listViewForecast"
    data-win-control="WinJS.UI.ListView"
    data-win-options="{itemTemplate:testTemplate, selectionMode: 'none', tapBehavior: 'none', swipeBehavior:'none',  layout: {groupInfo: groupInfo, type: WinJS.UI.GridLayout}}"
    >
</div>

现在，我不知道如何使它“水平”，但我知道你应该能够做到这一点，因为是返回一个布尔值上的ListView属性如果列表是横向这里http://msdn.microsoft.com/ EN-US /库/窗/应用/ br211788.aspx 。 我使用一个GridView太多，但即使是垂直第一显示项目确定。

Answer 1:

ListView控件总是垂直布置的内容项。 使用网格布局，即使，项目填写转每列。

有限定的水平属性，但如果你在ui.js看看源代码，你会看到，它是硬编码成为ListLayout的网格布局真假。

Answer 2:

弄清楚了。 答案是在这里 。 指定自己的身高为ListView控件，使之更广泛。 请确保它是只高到足以容纳只有一个项目，下一个项目将在右侧抛出。 就我而言，我有固定的项目数，将正常工作。 这可能不会对项目的可变数量的工作。

就在下面的类添加到您的HTML并指定宽度和高度。 在你的页面的所有列表视图都使用这个类风格。

.win-listview 
{
    height: 500px; 
    width: 500px; 
    border: 2px solid gray;
}

文章来源: WinJS.UI.ListView horizontal