CamStar笔记二：Portal页面修改列表中某字段背景颜色

前端Portal页面

一：针对列表中某个字段背景颜色修改

1.选择列表打开setting

2.如图找到对应的位置填写名称 ChangeException 该名称对应的是js里面的方法名

3.选择需要添加背景色的字段 然后再CellStype属性后添加变量名称在js中获取该字段添加css使用

后台JS

js代码

在C:\Program Files (x86)\Camstar\Camstar Portal\Scripts\User下的user.js编写js

function ChangeException() {
    var grid = $(this.GridID);
    var rowData = grid.getRowData();/*获取页面列表的所有数据*/
    var excepLevel;/*声明变量 用于获取该页面字段的值*/
    var statusCell;/*声明变量 用于页面添加CSS使用*/
    var excepLevelCell;
    for (var x = 0; x < rowData.length; x++) {
        if (rowData[x].id == "") {
            return;
        }
        if (rowData[x].Status != "") {
        	/*ExcepLevelCode：对应前端Columns中字段的属性*/
            excepLevel = rowData[x].ExcepLevelCode;
            /*.ExcepLevel：对应前端页面CellStype 添加的字段*/
            excepLevelCell = $(".ExcepLevel", grid)[x];
            if (excepLevel == "Two") {
                $(excepLevelCell).css("background-color", "red");
            }
        }
    }
}

实现后效果

二：针对列表中整行颜色背景修改

下图：Condition是填写条件 是该字段如果为“二级则修改背景颜色为红色”
修改完成后 只要复合某个条件 整行背景颜色都会改变