Question

我正在关注来自pluralsight的单页应用课程。 http://www.pluralsight.com/training/Courses/TableOfContents/single-page-apps-jumpstart

如果您在课程中看到了示例解决方案，那么您将有两个视图和两个视图模型。基于这个例子，我需要做的是添加一个treeview控件和页面顶部（使用kendo ui treeview和dialog jquery ui control）。现在的问题是：如何在单页面应用程序中将此树视图控件添加为新视图？

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>

我想要添加一个不在导航菜单中的新视图..导航菜单中的视图和其他地方的视图（如树视图）之间有什么区别？

Answer 1

在课程中，您将看到导航视图不在主菜单中。导航视图是一个纯粹的html视图，它组成了shell视图。我的观点是你可以使用Durandal的组合绑定在任何地方嵌入视图。

如何映射视图和viewmodel SPA

1 个答案: