查看: 7759|回复: 4

【视图】view中如何设置数据行隔行换色

升级   2.45%

15

主题

49

回帖

245

积分

注册会员

Rank: 2

积分
245
发表于 2023-9-7 18:51:01|来自: | 显示全部楼层 |阅读模式
管理大大,如下图,找不到配置css的地方

64f9aa11c1992.png
想达到的效果如下图:
64f9aa7495e3e.png
摸索着给表单加了样式,效果如下,没有起到作用
64f9aad5cac4c.png
64f9ab0f54090.png
回复

使用道具 举报

升级   100%

139

主题

1万

回帖

4万

积分

超级版主

Rank: 8Rank: 8

积分
41458
发表于 2023-9-8 09:48:22|来自: | 显示全部楼层


写在视图的postload事件里

var trList = this.target.node.querySelectorAll("tr");
for(var i=0;i<trList.length;i++){
    if (i % 2 === 0) {
        trList.setStyle("background-color","red"); // 是偶数
    } else {
        trList.setStyle("background-color","blue"); // 不是偶数
    }
   
}
64fa7d649bcba.png


回复

使用道具 举报

升级   2.45%

15

主题

49

回帖

245

积分

注册会员

Rank: 2

积分
245
发表于 2023-9-8 11:02:21|来自: | 显示全部楼层
论坛管理员 发表于 2023-9-8 09:48
写在视图的postload事件里

var trList = this.target.node.querySelectorAll("tr");

非常优秀的实现了!!! 厉害了
回复

使用道具 举报

升级   100%

139

主题

1万

回帖

4万

积分

超级版主

Rank: 8Rank: 8

积分
41458
发表于 2023-9-8 16:27:09|来自: | 显示全部楼层
回复

使用道具 举报

升级   2.45%

15

主题

49

回帖

245

积分

注册会员

Rank: 2

积分
245
发表于 2023-10-11 15:09:25|来自: | 显示全部楼层
论坛管理员 发表于 2023-9-8 09:48
写在视图的postload事件里

var trList = this.target.node.querySelectorAll("tr");


需要在视图的 postLoadPage事件中添加代码,如果添加到postLoad事件中,则只会第一页生效,其他页无效果,并且从第二页返回到第一页也不会也没有效果了。今天发现了这个bug
652649d70307a.png

回复

使用道具 举报

发表回复

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

本版积分规则

联系客服 关注微信 下载APP 返回顶部 返回列表
viewthread