收藏
回答

小程序怎么实现淘宝样式的属性选择器效果?


分类是无限级的,点击分类属性后查询当前选择属性组合价格,查询到有价格为0的组合,就将同组合的未选择分类的按钮停用。


在网上查了很多,都是做成点击后筛选出符合的组合,将其余的组合都过滤掉,最后显示为:


但是这样分类同组的按钮就都无法选择了,必须取消后才能选择别的属性,跟淘宝的属性选择器不一样。


有没有哪位大佬可以帮一下,实在想不出一个可行的算法来解决

最后一次编辑于  2018-12-06  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答

  • 这都申请了
    这都申请了
    2018-12-06

    个人感觉如果有这个代码了,稍微改改就能改成你要用的了,多试试就行了

    2018-12-06
    赞同 1
    回复 7
    • 对方正在输入....
      对方正在输入....
      2018-12-06

      这就是现在项目做得样子,但是老板一定要淘宝的样式

      2018-12-06
      回复
    • 这都申请了
      这都申请了
      2018-12-06回复对方正在输入....

      现在的难点是什么?正常来说分类1和分类2的变化是不应该影响总分类的,总分类应该是用于可以点击的

      2018-12-06
      1
      回复
    • 对方正在输入....
      对方正在输入....
      2018-12-06回复这都申请了

      我现在的做法总体上就是通过当前按钮的分类和属性过滤组合,将相关的组合放入过滤数组,使用过滤组合对按钮重新比对重置,但是这就造成将不想关的组合被过滤掉了,也就是点击按钮同分类的其它属性按钮变成灰色了,因为不存在于过滤后的组合中,所以如果想重新选择分类的属性,就必须先点击取消被选中的属性,重新从原始组合集合中过滤数据,更新过滤数组,同排按钮相关组合就被重新加入过滤组合了,这时候才能按,不知道我这么说您能不能听明白,我截一张数据结构图

      2018-12-06
      回复
    • 这都申请了
      这都申请了
      2018-12-06回复对方正在输入....

      我觉得可能要从根本的逻辑上改动了,不能用这种过滤模式了,你现在是一次性渲染吧,我觉得应该改成根据点击的分类动态渲染

      2018-12-06
      1
      回复
    • 对方正在输入....
      对方正在输入....
      2018-12-06回复这都申请了

      我想了很多方案,都是在渲染按钮的过程中走入死胡同了,隐约感觉是数据结构的问题,唉,没成想还是要重头写了

      2018-12-06
      回复
    查看更多(2)
  • 拾忆
    拾忆
    2018-12-06

    点击的时候先把同组内的样式属性置空,然后再给指定的索引数据加个样式属性

    2018-12-06
    赞同 1
    回复