1

我正在学习有关pluralsight的单页应用程序的课程。 http://www.pluralsight.com/training/Courses/TableOfContents/single-page-apps-jumpstart

如果您在课程中看到示例解决方案，您会发现有两个视图和两个视图模型。基于此示例，我需要做的是添加树视图控件和页面顶部（使用剑道 ui 树视图和对话框 jquery ui 控件）。现在的问题是：如何将此树视图控件添加为我的单页应用程序中的新视图？

function boot() {
        router.mapNav('home');
        router.mapNav('details');
        log('AquaVet Loaded!', null, true);
        return router.activate('home');
    }

在应用程序的 shell 类中，您可以看到视图/视图模型已映射。

然后在导航视图中使用这些：

 <div class="btn-group" data-bind="foreach: router.visibleRoutes">
        <a data-bind="css: { active: isActive }, attr: { href: hash }, text: name" 
            class="btn btn-info" href="#"></a>
    </div>

我想添加一个不应该在导航菜单中的新视图怎么样。我如何区分导航菜单中的视图和其他地方的视图位置（如树视图）？

4

1 回答 1

1

在课程中，您将看到主菜单中没有导航视图。nav 视图是一个纯 html 视图，它被组合到 shell 视图中。我的观点是，您可以使用 Durandal 的 compose 绑定将视图嵌入到任何您想要的位置。

于 2013-04-18T19:33:01.840 回答