knockoutjs为多个选项卡和模块化设计模式

Question

我一直在努力寻找构建/设计应用程序布局的最佳方式，我经常使用它。

一般构建是一个SPA，带有用于不同位信息的选项卡。我目前使用引导标签和单个viewmodel。我想要做的就是用不同的viewmodel/component /为每个选项卡更好地模块化它。

当用户与选项卡交互时，其操作将影响其他选项卡的结果。 IE选项卡1单击将数据发送到选项卡2以根据这些值刷新表格。

当用户在选项卡之间导航时，我需要保存“状态”或排序/页面/过滤器等。

我已经研究过使用诸如淘汰赛组件，淘汰赛的多视图模型（邮递员），杜兰达，淘汰赛/需要组合。

任何成功的实施或其他想法将不胜感激。

Answer 1

我尝试去SPA开发的香草Knockout路线，它变得具有挑战性。

我会如迪朗达尔，因为它提供了所有必要的组件为SPA发展建议使用库。 Durandal使用Knockout作为其双向绑定框架，因此它应该是一个简单的过渡。您需要为每个选项卡设置路线，然后相应地设置导航的样式。通常，我将为特定页面使用一个视图/视图模型。在你的情况下，它将是每个选项卡的一个视图/视图模型。

在你的应用程序逻辑，因为你一个选项卡上的更新信息，你需要通过AJAX的POST发送到服务器更新其他视图模型的“状态”其他选项卡。