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

QQ登录

只需一步,快速开始

查看: 1789|回复: 5

[结贴] list处理选中行CSS样式问题

[复制链接]

97

主题

580

帖子

1359

积分

金牌会员

Rank: 6Rank: 6

积分
1359
QQ
发表于 2017-5-16 16:31:12 | 显示全部楼层 |阅读模式
先说下我的操作流程,从主页面点定位按钮打开新页面,将当前位置和附近地点pois作为参数传递,用windowDialog打开。新页面展示当前位置,并在下方显示附近地点名称列表,默认是第一行是选中状态。哪行选中哪行背景色有变化,以便区分,并且名称右侧有个勾中图标,选中行显示图标,未选中的不显示图标。我在新页面用的windowrecieve揽收参数,并把pois名称列表添加到当前页面data组件中。
上面说的点选效果我参照淘宝demo中的list页面的排序功能进行设置的
遇到的问题:
按淘宝demo中的样式设置后,加载到新页面中的pois名称列表每行都变色,就是每行都是current的效果;勾中图标不显示,不管选中未选中的都不显示;
如果抛开淘宝demo的样式,勾选图标直接根据当前行选中的标记(在data中有对应字段)进行bind-visible设置的话,直接影响到data的数据加载,只会把传过来的pois列表的第一行添加到data中,重复添加几次。
样式设置了半天感觉头要炸了。。。。实在是忍不住了,只能先上来提问一下,看看大神能给指点一下不,样式完全按照淘宝demo里的用的,这里带过来方便查阅
  1. .tb-sorting{ width:100%; background-color:#fff; border-top:1px solid #e1e1e1;}
  2. .tb-sorting .list-group-item{ margin:0 1px 0 0; padding:0 0 0 0; border-radius:0; border-left:0; border-right:0; border-top:0;}
  3. .tb-sorting .list-group-item .tb-liBtn{ display:none;}
  4. .tb-sorting .list-group-item.current .tb-liBtn{ display:block;}
  5. .tb-sorting .list-group-item.current{ background-color:#8080FF;}
复制代码

1

主题

6163

帖子

2095

积分

金牌会员

Rank: 6Rank: 6

积分
2095
QQ
发表于 2017-5-16 16:48:35 | 显示全部楼层
bind-visible设置的话,直接影响到data的数据加载 ?

你是如何写的bind-visible  他顶多就是不起作用宝格措  咋还会影响数据加载呢?
回复 支持 反对

使用道具 举报

97

主题

580

帖子

1359

积分

金牌会员

Rank: 6Rank: 6

积分
1359
QQ
 楼主| 发表于 2017-5-17 15:53:28 | 显示全部楼层
半导体 发表于 2017-5-16 16:48
bind-visible设置的话,直接影响到data的数据加载 ?

你是如何写的bind-visible  他顶多就是不起作用宝格措 ...

用的三目运算 $model.poisData.val("isChecked") == 1 ? true : false这样写的,页面加载后list显示数据都是按第一条的内容显示,我设置的lisst的limit是5条,所以显示5条相同的信息
传说中路过
回复 支持 反对

使用道具 举报

1

主题

6163

帖子

2095

积分

金牌会员

Rank: 6Rank: 6

积分
2095
QQ
发表于 2017-5-17 17:34:39 | 显示全部楼层
carbinechun 发表于 2017-5-17 15:53
用的三目运算 $model.poisData.val("isChecked") == 1 ? true : false这样写的,页面加载后list显示数据 ...

你的这个是list嵌套吗?  一般bind-visible上面直接写val("isChecked") == 1就是可以的  你的list关联data组件了?
回复 支持 反对

使用道具 举报

97

主题

580

帖子

1359

积分

金牌会员

Rank: 6Rank: 6

积分
1359
QQ
 楼主| 发表于 2017-6-8 16:51:27 | 显示全部楼层
本帖最后由 carbinechun 于 2017-6-8 16:53 编辑

忘了结帖了。。。我换了个方式,在bind-css里用代码控制了一下,效果一样
  1. {'liBtn-hide' : $object.val('isChecked') == '0','liBtn-show' : $object.val('isChecked') == '1'}
复制代码
  1. .liBtn-show{ display:block;}
  2. .liBtn-hide{ display:none;}
复制代码


传说中路过
回复 支持 反对

使用道具 举报

97

主题

580

帖子

1359

积分

金牌会员

Rank: 6Rank: 6

积分
1359
QQ
 楼主| 发表于 2017-6-8 16:55:38 | 显示全部楼层
半导体 发表于 2017-5-17 17:34
你的这个是list嵌套吗?  一般bind-visible上面直接写val("isChecked") == 1就是可以的  你的list关联dat ...

可以结帖了
传说中路过
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-7-12 02:20 , Processed in 0.056946 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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