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

QQ登录

只需一步,快速开始

查看: 2116|回复: 1

[处理中3] list中根据绑定的数据显示button,点击时如何更改相应按钮的样式

[复制链接]

28

主题

69

帖子

137

积分

初级会员

Rank: 2

积分
137
QQ
发表于 2017-8-16 17:02:25 | 显示全部楼层 |阅读模式
我根据绑定的数据用list显示多个button,我希望当点击事件触发时更改被选中的这个按钮的样式,我现在更改样式倒是实现了,但是只能更改第一个按钮的,点击第二个的时候就没反应了。
我的做法是在js中给循环的这个按钮设置属性id=绑定的数据中的一个值(brandId),然后去更改这个对象的css,感觉写的没错,不知道为什么点完第一个按钮之后再点击第二个按钮的时候就没变化,大神帮忙看一下。
Model.prototype.button7Click = function(event){
        debugger;
        var brandId=event.bindingContext.$object.val("brandId");
        $(this.getElementsByXid("button7")).attr("id",brandId);
        $("#"+brandId).css("background-color","#FFFFFF");
        $("#"+brandId).css("border-color","red");
        $("#"+brandId).css("color","red");
        };
发表于 2017-8-16 18:07:11 | 显示全部楼层
建议用bind-css 实现! 通过修改data组件中的数据就能控制样式显示!
http://docs.wex5.com/wex5-ui-question-list-2102
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-7-8 14:30 , Processed in 0.057538 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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