如何映射視圖和視圖模型SPA

Question

我在回顧單頁面複合視圖應用的過程。 http://www.pluralsight.com/training/Courses/TableOfContents/single-page-apps-jumpstart

如果您在課程中看到了示例解決方案，您將會看到有兩個視圖和兩個視圖模型。 基於這個例子，我需要做的是添加一個treeview控件和頁面的頂部（使用kendo ui treeview和對話框jquery ui控件）。現在的問題是： 如何在我的單頁應用程序中將此樹視圖控件添加爲新視圖？

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

在應用程序的shell類中，您可以看到view/viewmodles被映射。

後，在導航查看這些用於：

<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> 

怎麼樣，我想添加一個新的視圖至極建議立即進行刪除不導航菜單..如何CA視圖之間我分明在導航菜單並查看其他地方的地方（如樹視圖）？

Answer 1

在該過程中，您將看到不在主菜單中的導航視圖。導航視圖是組成shell視圖的純html視圖。我的觀點是，您可以使用Durandal的合成裝訂，將視圖嵌入任意位置。