list处理选中行CSS样式问题

carbinechun

先说下我的操作流程，从主页面点定位按钮打开新页面，将当前位置和附近地点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;}

复制代码

半导体

bind-visible设置的话，直接影响到data的数据加载 ?

你是如何写的bind-visible  他顶多就是不起作用宝格措  咋还会影响数据加载呢？

carbinechun

半导体 发表于 2017-5-16 16:48
bind-visible设置的话，直接影响到data的数据加载 ?

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

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

半导体

carbinechun 发表于 2017-5-17 15:53
用的三目运算 $model.poisData.val("isChecked") == 1 ? true : false这样写的，页面加载后list显示数据 ...

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

carbinechun

忘了结帖了。。。我换了个方式，在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;}

复制代码

carbinechun

半导体 发表于 2017-5-17 17:34
你的这个是list嵌套吗？  一般bind-visible上面直接写val("isChecked") == 1就是可以的  你的list关联dat ...

可以结帖了