Question

我需要为Windows Phone 8.1应用隐藏WinJS.UI.PivotItem，然后在满足某些条件后再次显示它。

我认为这就像使用CSS显示和隐藏WinJS.UI.PivotItem一样简单，但它会隐藏.win-pivot-item元素而不隐藏.win-pivot-header？

如何以编程方式显示和隐藏WinJS.UI.PivotItem控件中的WinJS.UI.Pivot？

<div id="divContent" data-win-control="WinJS.UI.Pivot" data-win-options="{title: 'Details', selectedIndex: 0}">
    <div id="divSelected" style="display: none;" data-win-control="WinJS.UI.PivotItem" data-win-options="{'header': 'Currently Selected'}">

        <!-- Content - Hide this until we need it -->

    </div>
    <div id="divSelections" data-win-control="WinJS.UI.PivotItem" data-win-options="{'header': 'Selections'}">

        <!-- Content -->

    </div>
    <div id="divInformation" data-win-control="WinJS.UI.PivotItem" data-win-options="{'header': 'Other Information'}">

        <!-- Content -->

    </div>
    <div id="divHistory" data-win-control="WinJS.UI.PivotItem" data-win-options="{'header': 'History'}">

        <!-- Content -->

    </div>
    <div id="divDetails" data-win-control="WinJS.UI.PivotItem" data-win-options="{'header': 'Details'}">

        <!-- Content -->

    </div>
</div>

Answer 1

目前没有直接的API可以在WinJS.UI.PivotItems控件上显示/隐藏WinJS.UI.Pivot。

根据您所需的用户体验和显示/隐藏条件，您可以编程方式在{{1}上的PivotItem属性返回的PivotItems列表中添加/删除Pivot.items }}的控制。

例如：

WinJS.UI.Pivot

您还可以查看Pivot Sample或http://try.buildwinjs.com/#pivot了解更多用法示例

隐藏并显示WinJS.UI.PivotItem

1 个答案: