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

QQ登录

只需一步,快速开始

查看: 1924|回复: 5

[结贴] bind-style绑定控制背景色

[复制链接]

7

主题

20

帖子

94

积分

初级会员

Rank: 2

积分
94
QQ
发表于 2018-9-16 15:34:08 | 显示全部楼层 |阅读模式
因为显示的颜色多于两个所以不用直接绑定{"background-color": val("审核状态")=="审核未通过"?"red":null}来控制,需要绑定一个方法,但问题是绑定方法如何获取val("审核状态")值?因为是根据这个值返回不同的前景颜色。

53

主题

928

帖子

1730

积分

金牌会员

Rank: 6Rank: 6

积分
1730
发表于 2018-9-17 08:51:47 | 显示全部楼层
不清楚你的页面结构是怎么样的  你可以在页面上建一个data  来存你的审核状态   或者在你的list绑定的baasdata中新建一个计算列来存你的审核状态
承接wex5开发web项目、微信页面等;
低费用进行零散功能开发(java、JS、微信各种接口、阿里云接口等)
QQ:459349489
回复 支持 反对

使用道具 举报

7

主题

20

帖子

94

积分

初级会员

Rank: 2

积分
94
QQ
 楼主| 发表于 2018-9-17 09:03:22 | 显示全部楼层
doudou459 发表于 2018-9-17 08:51
不清楚你的页面结构是怎么样的  你可以在页面上建一个data  来存你的审核状态   或者在你的list绑定的baasd ...

页面上有一个data来存审核状态,list绑定这个data
回复 支持 反对

使用道具 举报

53

主题

928

帖子

1730

积分

金牌会员

Rank: 6Rank: 6

积分
1730
发表于 2018-9-17 10:59:01 | 显示全部楼层
gzqibang 发表于 2018-9-17 09:03
页面上有一个data来存审核状态,list绑定这个data

那你在绑定的时候   bind-style的时候   是可以直接选择你list绑定的  当前行的啊···   一般  val("审核状态")就获取到了啊···
还是说你是想获取页面上js方法返回的值?   如果是想获得js方法的值   
那么 你按照    组件点击事件的结构   设置方法结构    比如
        Model.prototype.modelLoad = function(event){

        };

然后  你在  bind-style  这里  可以用   $model.modelLoad()  来调用这个js方法····


另外  也可以调用js全局变量    $model  相当于  js中的   this   
承接wex5开发web项目、微信页面等;
低费用进行零散功能开发(java、JS、微信各种接口、阿里云接口等)
QQ:459349489
回复 支持 反对

使用道具 举报

6

主题

77

帖子

178

积分

初级会员

Rank: 2

积分
178
QQ
发表于 2018-9-17 11:55:25 | 显示全部楼层
绑定的方法直接通过不同的if用String拼接出来一个{"background-color":"red"}这种样式的字符串还有就是直接在上面三目嵌套一下:例子:{"background-color":val("审核状态")=="审核未通过"?"red":val("审核状态")=="审核通过"?"blue":val("审核状态")=="待处理"?"black":……}无限的嵌套下去不过太长了容易错
回复 支持 反对

使用道具 举报

7

主题

20

帖子

94

积分

初级会员

Rank: 2

积分
94
QQ
 楼主| 发表于 2018-9-17 12:08:56 | 显示全部楼层
xuErnest 发表于 2018-9-17 11:55
绑定的方法直接通过不同的if用String拼接出来一个{"background-color":"red"}这种样式的字符串还有就是直接 ...

谢谢,你这个方法太好了,正是我想要的,谢谢,同时也谢谢doudou459的帮助。
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-5-4 00:03 , Processed in 0.080430 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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