查看: 7579|回复: 4

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

升级   2.45%

15

主题

49

回帖

245

积分

注册会员

Rank: 2

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


想达到的效果如下图:

摸索着给表单加了样式,效果如下,没有起到作用


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

升级   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"); // 不是偶数
    }
   
}



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

升级   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


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

发表回复

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

本版积分规则

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