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

Question

我正在尝试在我的 Windows 通用应用程序中使用 WinJS SplitView。我创建了新项目并添加了此示例中的代码：http://try.buildwinjs.com/

所以我的 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>

当运行时，应用程序几乎一切正常。唯一的问题是菜单项 (SplitViewCommand)。它们不显示。

检查 HTML 时 WinJS.UI.SplitView 和 WinJS.UI.SplitViewPaneToggle 已正确处理，但未处理 WinJS.UI.SplitViewCommand。应用似乎不知道 WinJS.UI.SplitViewCommand 是什么。

Answer 1

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

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

Windows 10 Universal App - WinJS SplitViewCommand

winjs

win-universal-app

windows-10