locked
WinJS(HTML)开发WinPhone应用,导航跳转时AppBar自动隐藏了,为什么啊? RRS feed

  • 问题

  • 现象、问题:

    1.启动时home页面的appbar是能正常显示。

    2.从home页面跳转到client页面时,client页面的appbar就隐藏起来了,为什么啊?再后退到home页面,home页面的appbar也被隐藏了,为什么?怎么让appbar一直出现呢?



    代码:

    1.首先,我创建的是一个javascript  WinPhone导航应用工程

    2.在home.html页面添加了一个appbar:

    <body>
        <!-- 将加载和显示的内容。 -->
        <div class="fragment homepage">
            <header aria-label="Header content" role="banner">
                <h1 class="titlearea win-type-ellipsis">
                    <span class="pagetitle">欢迎使用 App2!</span>
                </h1>
            </header>
            <section aria-label="Main content" role="main">
                <p>此处显示内容。</p>
            </section>
        </div>

        <!--AppBar定义一个AppBar控件-->
        <div data-win-control="WinJS.UI.AppBar" data-win-options="{closedDisplayMode:'minimal',section:'global'}">
            <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'transfer_to_client',label:'客户模式',icon:'add',tooltip:'Add item'}"></button>
            <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'delete_client',label:'删除客户',icon:'add',tooltip:'Add item'}"></button>
        </div>

    </body>



    3.appbar中的按钮跳转到client.html页面

                document.getElementById("transfer_to_client").addEventListener("click", function () {
                    WinJS.Navigation.navigate("/pages/client.html");
                })



    4.client.html页面也有appbar

    <body>
        <div>Content goes here.</div>

        <!--AppBar定义一个AppBar控件-->
        <div data-win-control="WinJS.UI.AppBar" data-win-options="{closedDisplayMode:'minimal',section:'global'}">
            <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'transfer',label:'客户模式',icon:'add',tooltip:'Add item'}"></button>
            <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'delete',label:'删除客户',icon:'add',tooltip:'Add item'}"></button>
        </div>
    </body>







    2015年3月24日 2:04

答案

全部回复