0

我一直在寻找创建一种单页应用程序（它可能不是 SPA）。我的设计涉及我想在单个页面上一个接一个地加载视图的场景。像这样的东西。

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

下一个视图的每个内容都取决于在上一个屏幕上选择的选项。该应用程序使用滚动条垂直增长，无需回发，用户几乎可以返回并编辑先前视图的内容。根据用户交互，按钮将可见，例如编辑、保存、继续和取消。

我想垂直加载我的视图，而不是我在 Durandal 示例中看到的内容，在该示例中它替换当前内容，同时保持在同一页面上。

  1. 我的设计是否适合单页应用程序？
  2. 如果是，那么 Durandal 是否适合这种类型的设计？
  3. 我们如何使用 Durandal 实现这一目标？对于像我这样天真的人来说，任何只有 2-3 个视图的基本示例都将是一个很好的起点。
  4. 您是否看到此类设计存在任何漏洞或问题？

任何帮助，将不胜感激 ！！！

4

1 回答 1

0

我认为您可以使用 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$20the$20same$20page/durandaljs/ZjwpwE2rqd0/58bgmD92P8AJ

于 2013-05-09T02:20:01.750 回答