Как отображать карту и viewmodel SPA

Question

Я изучаю курс об одном приложении страницы из множественного числа. http://www.pluralsight.com/training/Courses/TableOfContents/single-page-apps-jumpstart

Если вы заметили пример решения в курсе, вы увидите, что есть два вида и две модели. Что мне нужно сделать на основе этого примера, это добавить элемент управления TreeView и верхнюю часть страницы (с помощью kendo ui treeview и диалога jquery ui control). Теперь вопрос: Как я могу добавить этот элемент управления treeview в качестве нового представления в моем приложении с одной страницей?

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

В классе оболочки приложения вы можете видеть, что вид/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> 

насчет я хочу добавить новый вид Wich Шоул не в навигационном меню .. как ча я отличаюсь от зрения в меню навигации и просматривает места в других местах (например, дерево)?

Answer 1

В курсе вы увидите, что есть навигационное представление, которое отсутствует в главном меню. Навигационное представление представляет собой чистое представление html, которое составлено в виде оболочки. Я хочу сказать, что вы можете вставлять представления везде, где хотите, используя компоновку привязки от Durandal.