yaojinshan 发表于 2023-9-7 18:51:01

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

管理大大，如下图，找不到配置css的地方


想达到的效果如下图：

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


论坛管理员 发表于 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"); // 不是偶数
    }
   
}



yaojinshan 发表于 2023-9-8 11:02:21

论坛管理员 发表于 2023-9-8 09:48
写在视图的postload事件里

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


非常优秀的实现了！！！ 厉害了

论坛管理员 发表于 2023-9-8 16:27:09

:victory:

yaojinshan 发表于 2023-10-11 15:09:25

论坛管理员 发表于 2023-9-8 09:48
写在视图的postload事件里

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



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


页: [1]
查看完整版本: 【视图】view中如何设置数据行隔行换色