创建div的分页列表的更好方法

时间:2016-05-27 09:15:13

标签: javascript jquery html css frontend

问题:我需要创建一个“div”列表,其中包含有关宿舍的信息(个人资料图片,预订房间的按钮和一些简短信息)。此列表将通过对数据库的查询动态创建。该列表应该是分页的,并且只通过对数据库进行Ajax调用来显示前n个宿主。

我的解决方案:迭代创建模板div。使用javascript来实现分页要求。

我的问题:我发明的车轮解决方案有意义吗?或者我最好使用一些现有的库/框架来实现这一点,如果是的话,任何有关现有工具的建议都会受到赞赏(这可能是偏离主题但未能找到一个库来实现这一点)。

normal table with one column and three rows

table with one column but splitted rows

1 个答案:

答案 0 :(得分:0)

有很多库可以实现它,其中一个是我用的

datatables.js

并且工作正常。有分页,排序搜索等选项。

只是根据您的设计提出一个想法,您可以拥有一个可以拥有div模板的列表(数据表为您的列定义模板提供选项)然后您也可以根据某些定义排序您的字段数据。

自动分页会自动进行,但您仍然可以对其进行配置。

它还具有搜索功能,因此您可以选择搜索特定的宿舍或价格或任何东西。