Windows 10 Windows 10通用应用程序-WinJS SplitViewCommand_Windows 10_Win Universal App_Winjs

Windows 10 Windows 10通用应用程序-WinJS SplitViewCommand

windows-10

Windows 10 Windows 10通用应用程序-WinJS SplitViewCommand,windows-10,win-universal-app,winjs,Windows 10,Win Universal App,Winjs,我正在尝试在我的Windows通用应用程序中使用WinJS SplitView。我创建了一个新项目，并从这个示例中添加了代码：因此，我的HTML如下所示： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>App1</title>  <link h

我正在尝试在我的Windows通用应用程序中使用WinJS SplitView。我创建了一个新项目，并从这个示例中添加了代码：

因此，我的HTML如下所示：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>App1</title>

    <!-- WinJS references -->
    <link href="WinJS/css/ui-dark.css" rel="stylesheet" />
    <script src="WinJS/js/base.js"></script>
    <script src="WinJS/js/ui.js"></script>

    <!-- App1 references -->
    <link href="/css/default.css" rel="stylesheet" />
    <script src="/js/default.js"></script>
</head>
<body class="win-type-body">
    <div id="app">
        <div class="splitView" data-win-control="WinJS.UI.SplitView">
            <!-- Pane area -->
            <div>
                <div class="header">
                    <button class="win-splitviewpanetoggle"
                            data-win-control="WinJS.UI.SplitViewPaneToggle"
                            data-win-options="{ splitView: select('.splitView') }"></button>
                    <div class="title"><h3 class="win-h3">SplitView Pane Area</h3></div>
                </div>

                <div class="nav-commands">
                    <div data-win-control="WinJS.UI.SplitViewCommand" data-win-options="{ label: 'Home', icon: 'home'}"></div>
                    <div data-win-control="WinJS.UI.SplitViewCommand" data-win-options="{ label: 'Favorite', icon: 'favorite'}"></div>
                    <div data-win-control="WinJS.UI.SplitViewCommand" data-win-options="{ label: 'Settings', icon: 'settings'}"></div>
                </div>
            </div>

            <!-- Content area -->
            <div class="contenttext"><h2 class="win-h2">SplitView Content Area</h2> </div>
        </div>
    </div>

</body>
</html>


附件1
拆分视图窗格区域
拆分视图内容区

运行应用程序时，几乎所有功能都很好。唯一的问题是菜单项（

SplitViewCommand

）。它们不显示

检查HTML

WinJS.UI.SplitView

和

WinJS.UI.SplitViewPaneToggle

时，正确处理了

WinJS.UI.SplitViewCommand

。看起来应用程序不知道什么是

WinJS.UI.SplitViewCommand

。

在base.js文件中检查WinJS库的版本。WinJS.UI.SplitView在WinJS 4.0及更高版本中可用，但对WinJS.UI.SplitViewCommand对象的支持从WinJS 4.2开始