使用jQuery Mobile和Phonegap管理动态列表

Question

我有一个要从数据库中显示的列表。列表中的每个项目都与ID相关联。我想知道跟踪列表中每个项目的ID的最佳方法。因此，当我点击该项目时，我可以使用该ID映射到数据库中项目的其他属性。

Answer 1

我不知道“最佳方式”，但您可以通过在锚标记中嵌入id然后使用客户端路由解决方案来解决这个问题（检查{{3} }）。

或者，您可以在js对象中为列表中的每个项目维护一个引用，并将id保留在对象中。最简单的方法是使用某种类型的javascript mvc类型框架，例如jQuery mobile router，其中您将拥有一组代表每个项目的模型，以及一个连接到特定元素的每个项目的视图。 DOM（在您的情况下为li）并且可以连线以响应该元素上的事件（例如，当您单击项目视图响应其单击事件并相应地执行操作的项目时）。

修改：

我个人一直在使用backbone.js来构建我自己的代码，如果你对它感兴趣，你应该可以找到很多教程。无论如何这里是backbone.js，其基本思想是使用backbone.js来维护对列表中每个项目的引用。当然，您也可以在vanilla JavaScript中执行此操作。