使用Durandal創建單頁面應用程序視圖以垂直方式一個接一個加載

我一直在尋找創建一種單頁應用程序（它可能不是SPA）。我的設計涉及我想要在單頁上一個接一個地加載視圖的場景。像這樣的東西。使用Durandal創建單頁面應用程序視圖以垂直方式一個接一個加載

View1 
    [ Save and Continue, Edit, Cancel ]=> Button 
View2 
    [ Save and Continue,Edit, Cancel ]=> Button 
View 3 
    [ Save and Continue, Edit, Cancel ]=> Button

下一個視圖的每個內容都取決於在前一個屏幕上選擇的選項。該應用程序與滾動條垂直增長，無需回傳，用戶幾乎可以返回並編輯以前View的內容。根據用戶的交互，這些按鈕將會顯示，例如編輯，保存並繼續並取消。

我想加載自己的看法，而不是垂直的我已經在迪朗達爾例子在那裏，而同一個頁面上停留替換當前的內容被看到。

我是否在設計單頁應用適合？
如果是的話，Durandal是否適合這種類型的設計？
我們怎樣才能達到這個使用杜蘭達？任何基本的例子只有在類似的時尚只有2-3意見將是像我這樣幼稚的快速啓動。
您是否看到任何迴路孔或此類設計的問題？

任何幫助，將不勝感激！

來源

2013-05-01 user2232861

你可能看的視差效果呢？那是你的追求？ – 2013-05-09 12:52:01

我想你可以使用Durandal和敲除組合綁定來綁定三個視圖。

<!--ko compose: {model: router.activeItem, 
      afterCompose: router.afterCompose, 
      transition: 'entrance'} --> 
<!--/ko-->

我不嘗試一下我自己，但我認爲你可以綁定到你的意見，而不是結合router.activeItem。

有關如何操作的更多信息，請參閱此http://durandaljs.com/documentation/Composition/。

而且這似乎與你的問題：

https://groups.google.com/forum/?fromgroups=#!searchin/durandaljs/multiple $ 20views $ 20on $第二十條$ 20same $ 20page/durandaljs/ZjwpwE2rqd0/58bgmD92P8AJ

來源

2013-05-09 02:20:01 Yogesh

使用Durandal創建單頁面應用程序視圖以垂直方式一個接一個加載

回答

相關問題