jquery-mobile - jQuery Mobile 和 MVVM 挑战

Question

我在尝试使用 JQM 和 MVVM 时遇到了一些挑战。我也在尝试使用 knockout.js。

例如，目前我正在尝试实现一个类似iOS页面控件的导航(小点表示可以滑动导航到下一页):

要显示的数据是从服务器获取的，需要在JQM页面中显示。因此需要动态创建 JQM 页面。

从 UI 的角度来看，我计划使用包含点的固定页脚(基于页数)。

问题在于需要在 JQM 页面之间保留的 View 模型，因为我不想按页面从服务器加载数据，数据是立即加载的，预计客户端将在页面。

我可以有一个 View 模型来保存数据并贯穿应用程序的整个生命周期，并将每个页面 View 绑定(bind)到它。 相反，只要 View 确实需要，我希望 View 模型保持事件状态。

我想到的解决方案是捕捉jQueryMobile页面导航事件，看看导航是否在这些页面之间。 如果不是，则应删除 View 模型(将其分配给 null)。 下次如果需要加载这些页面中的任何一个(例如，通过导航回到最后一页)，将重新创建 View 模型(再次从网站获取数据)。

有没有更好的方法？

Answer 1

你应该看看 Persistent Footers page在 jQueryMobile 文档上。