应用程序栏中的ListView占用了大部分空间 [英] ListView in Application Bar that takes up most of space

问题描述

我已将ListView放入顶部应用程序栏中，我希望该栏占据赢取左侧按钮右侧的可用空间。 我怎样才能做到这一点？ （使用display：-ms-grid不起作用）

I have put a ListView into a top application bar and I want the bar to take up the available space to the right of the win-left buttons.  How can I do this? (using display: -ms-grid doesn't work)

    <div id="navbar" data-win-control="WinJS.UI.AppBar" aria-label="Navigation Bar" data-win-options="{position:'top',transient:true,autoHide:7000,lightDismiss:true}">
        <!-- Navigation Section -->
        <div class="win-navigation">
            <button id="home" class="win-command">
                <span class="win-commandicon win-large">&#xE10F;</span><span class="win-label">Home</span>
            </button>
            <button id="map" class="win-command">
                <span style="font-family: Webdings; font-size: 24pt;" class="win-commandicon win-large">
                    &#xFE;</span><span class="win-label">Map</span>
            </button>
        </div>
        <div class="win-right">
            <div data-win-control="WinJS.UI.ListView" id="PhotoList"  data-win-options="{itemRenderer: PhotoItemTemplate}">
            </div>
        </div>
    </div>

推荐答案

嗨迈克尔，

没有数据和您的模板很难分辨出发生了什么。

Without having data and your template it is difficult to tell what is happening.

拉起DOM资源管理器并检查其中的样式。 看看你是否可以调整样式以获得所需的效果。 至少你应该能够看到为什么Listview没有占用你想要的空间。

Pull up the DOM explorer and check the styles in there.  See if you can tweak the styles to get your desired effect.  At that very least you should be able to see why the Listview is not taking up the space you desire.

-Jeff

这篇关于应用程序栏中的ListView占用了大部分空间的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！