Jquery UI滑块和按钮来自定义列表或表-该怎么办



故事:

我有一份产品清单。我希望能够按价格、品牌和商店对它们进行分类。所有产品都在div中。如果更好的话,我也可以把它们放在桌子上。我想要实现的是,我可以使用Jquery的UI滑块和按钮对这个列表进行排序。我希望访问者能够使用滑块来选择某个价格范围。我希望所有品牌和商店都"精选"。访问者可以取消选择一个品牌和/或商店。我希望这一切都能在页面上实时更改。

问题:

现在我的问题是,得到这个结果的最佳方式是什么?由于我对Jquery和javascript一般来说还比较陌生,所以我可以使用一些建议。

我想做的是给每个产品的包装div自定义属性,比如:price="100"brand="samsung"等。然后使用Jquery在特定标准内隐藏/显示div?

这是实现这一目标的正确方式吗?

这有几个方面:

  1. 使用ajax获取符合用户指定条件的产品列表
  2. 单击列时对此信息进行排序

对于1。这实际上取决于您的应用程序,通过post值将条件传递给例如search.php,并接收回新的表HTML。您可以使用.serialize()轻松地将表单值传递到PHP后端

对于2。jQuery有一个jQGrid插件,它非常受欢迎,尽管可能有点重量级,因为它有很多功能——http://www.trirand.com/blog/当然,还有许多其他不错的选择:

  • 12个用于处理表的有用jQuery插件
  • 使用30个功能性jQuery插件之一增强表

就我个人而言,我会将您的信息转换为表格。我知道我可能会被DIV警察拦下,但我们谈论的是表格信息,即属于表格的信息。此外,大多数jQuery插件的操作都考虑到了表的排序。

相关内容

  • 没有找到相关文章

最新更新