起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 3285|回复: 2

[结贴] 仿淘宝案例的搜索功能怎么实现?

[复制链接]

12

主题

54

帖子

104

积分

初级会员

Rank: 2

积分
104
QQ
发表于 2016-4-20 15:15:23 | 显示全部楼层 |阅读模式
如图,需要实现的操作是,点击搜索,下方的list(被弹出的popover挡住了,不用管)列表里显示所有包含 输入的关键字Key和选中的标签label1和label2和label3···的搜索内容(关键词标签之间与关系)。所参考的淘宝案例并没有实际实现的搜索功能,而作为小白一枚,查了好久论坛有关搜索的帖子,还是不明所以,希望有懂的朋友能够提高下帮助。或代码或提示或链接都行。最好有完整的案例,小弟在此先谢谢了!
t8.png t9.jpg
发表于 2016-4-20 15:39:27 | 显示全部楼层
list 动态设置filter 参考
http://bbs.wex5.com/forum.php?mo ... 0&pid=165210701

关于选中的状态,data组件添加个计算列!!选中的时候通过bind-css属性标识lable 的颜色!

这样在filter中通过key 或者字段为选中状态的过滤条件就可以得到想要的显示了!!
比如 val('key') == 'key值' || val('check') = true
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

12

主题

54

帖子

104

积分

初级会员

Rank: 2

积分
104
QQ
 楼主| 发表于 2016-4-21 23:42:02 | 显示全部楼层
非常感谢,已经完美处理,可以结贴了谢谢。附解决方案:
if(key){
                var filter = "($row.val('I_content').indexOf('"+key+"')!= -1||$row.val('I_title').indexOf('"+key+"')!= -1||$row.val('I_label').indexOf('"+key+"')!= -1)";   
}
list.set('filter',filter);
list.refresh();
list.set('filter',null);
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-11-22 12:33 , Processed in 0.061362 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表