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

QQ登录

只需一步,快速开始

查看: 8391|回复: 28

[结贴] list组件点击li标签变色问题

[复制链接]

131

主题

596

帖子

1205

积分

金牌会员

Rank: 6Rank: 6

积分
1205
QQ
发表于 2018-6-7 11:23:20 | 显示全部楼层 |阅读模式
微信截图_20180607111926.png 微信截图_20180607111948.png 请问,我list里的li嵌套panel,怎么写代码,能够实现我点击的那个li,就让那个li(panel)变色?我现在这个点过了之后就都变色了,不是我想要的效果,我想要是那种焦点移出,就恢复的那种,不论点了几个li只有最后点过的li才是变色的,这个需求请问怎么写代码?
大神们要多多滴帮我解决问题喔!(*  ̄3)(ε ̄ *)

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36185
发表于 2018-6-7 13:16:30 | 显示全部楼层
为什么要在list中放panel,可以直接放row,设置list当前行的样式
http://docs.wex5.com/bex5-ui-question-list-10025/
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

131

主题

596

帖子

1205

积分

金牌会员

Rank: 6Rank: 6

积分
1205
QQ
 楼主| 发表于 2018-6-7 13:24:28 | 显示全部楼层
jishuang 发表于 2018-6-7 13:16
为什么要在list中放panel,可以直接放row,设置list当前行的样式
http://docs.wex5.com/bex5-ui-question-li ...

放panel的话,样式看起来好看些,用上面的方法可以实现我要的效果吗? 最后=$object  那个是什么意思? 没看懂。。
大神们要多多滴帮我解决问题喔!(*  ̄3)(ε ̄ *)
回复 支持 反对

使用道具 举报

131

主题

596

帖子

1205

积分

金牌会员

Rank: 6Rank: 6

积分
1205
QQ
 楼主| 发表于 2018-6-7 13:27:03 | 显示全部楼层
jishuang 发表于 2018-6-7 13:16
为什么要在list中放panel,可以直接放row,设置list当前行的样式
http://docs.wex5.com/bex5-ui-question-li ...

{'x-currentRow': $model.data1.currentRow.get() == $object}  这个可以仔细解答一下吗,我是小白,x-currentRow 这个又是什么意思呢 ?中间的需要我自己写一个方法吗?有点看不懂,我还需要额外写什么代码吗,或者定义css之类的?
大神们要多多滴帮我解决问题喔!(*  ̄3)(ε ̄ *)
回复 支持 反对

使用道具 举报

131

主题

596

帖子

1205

积分

金牌会员

Rank: 6Rank: 6

积分
1205
QQ
 楼主| 发表于 2018-6-7 13:34:01 | 显示全部楼层
jishuang 发表于 2018-6-7 13:16
为什么要在list中放panel,可以直接放row,设置list当前行的样式
http://docs.wex5.com/bex5-ui-question-li ...

http://bbs.wex5.com/forum.php?mo ... B%E5%8F%98%E8%89%B2我之前是仿照这个写的,但是一直都是第一个li变红,点其他的li也是第一行的li变红,data.to(null)不知道在哪里写 ,不好用额
大神们要多多滴帮我解决问题喔!(*  ̄3)(ε ̄ *)
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36185
发表于 2018-6-7 13:45:17 | 显示全部楼层
1.x-currentRow是平台提供的一个css的class
2.model的onload事件中看看

远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

131

主题

596

帖子

1205

积分

金牌会员

Rank: 6Rank: 6

积分
1205
QQ
 楼主| 发表于 2018-6-7 14:04:45 | 显示全部楼层
jishuang 发表于 2018-6-7 13:45
1.x-currentRow是平台提供的一个css的class
2.model的onload事件中看看

不好用 ,我需要对li进行自定义属性吗?就是添加一个id属性,不用xid的那个?modelonload 里 我data.to(null),但是啥反应也没有额
大神们要多多滴帮我解决问题喔!(*  ̄3)(ε ̄ *)
回复 支持 反对

使用道具 举报

131

主题

596

帖子

1205

积分

金牌会员

Rank: 6Rank: 6

积分
1205
QQ
 楼主| 发表于 2018-6-7 14:08:58 | 显示全部楼层
jishuang 发表于 2018-6-7 13:45
1.x-currentRow是平台提供的一个css的class
2.model的onload事件中看看

我想要这样的效果 https://www.cnblogs.com/qianduangaoshou/p/6504599.html     唉, 好难弄阿 ,用不明白呢,
大神们要多多滴帮我解决问题喔!(*  ̄3)(ε ̄ *)
回复 支持 反对

使用道具 举报

131

主题

596

帖子

1205

积分

金牌会员

Rank: 6Rank: 6

积分
1205
QQ
 楼主| 发表于 2018-6-7 14:31:18 | 显示全部楼层
jishuang 发表于 2018-6-7 13:45
1.x-currentRow是平台提供的一个css的class
2.model的onload事件中看看

https://blog.csdn.net/u014737582/article/details/50461079像这样的也可以,我要怎么写呢
大神们要多多滴帮我解决问题喔!(*  ̄3)(ε ̄ *)
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36185
发表于 2018-6-7 14:48:55 | 显示全部楼层
那就是4楼发的当前行样式啊
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-7-12 06:40 , Processed in 0.060885 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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