根据条件改变layui行的样式-阿南达文事网

根据条件改变layui行的样式

1、如下图所示：根据判断仓库的启用状态来第一行的背景颜色，同时改变序号列的内容。

2、首先状态这列我是通过自定义列做的，通过判断从控制器查询出来的数据去判断每个仓库的状态，如果状态值State == “true” 就是启用状态，否则就是停用状态。通过判断仓库的CDefault值去判断找出默认仓库。给一个类sign1。停用状态给一个类sign。这样就可以通过是否存在类sign1去判断它是否是默认仓库，通过判断类sign是否存在就可以知道停用的仓库和启用的仓库
function setOperate1(data) {
var State = data.State;
var CDefault = data.CDefault;
if (State == “true”) {
if (CDefault == true) {
btns = ‘启用’//默认仓库
} else {
btns = ‘启用’
}
} else {
btns = ‘停用’
}
return btns;
}
3、去更该样式
tabAcademe = layuiTable.render({
done: function () {
//改变背景颜色，获取类sign所在标签的父标签的父标签的父标签,即tr标签，
通过给tr标签添加一个自己写的类，就可以去改变背景颜色
$(".sign").parent().parent().parent().addClass(‘strclass’);
//获取到有状态为改变的仓库的数量
var mycount = $(".sign").parent().parent().parent().length;
//通过for循环去改变所在的行的序号
for (var i = 0; i < mycount; i++) {
//获取第i条的tr标签
var tr = $(".sign").parent().parent().parent().get(i);
//获取到第i条tr标签的后代元素，选取到序号所在的那个标签，把序号清空
( ( ((tr).children().children().get(1)).text("");
//获取到第i条tr标签的后代元素，选取到序号所在的那个标签，往里面添加p标签，完成序号的改变
( ( ((tr).children().children().get(1)).prepend(‘

已关闭

’);
}
//默认，原理同上
( ( ((".sign1").parent().parent().parent().children().children().get(1)).text("");
( ( ((".sign1").parent().parent().parent().children().children().get(1)).prepend(‘

默认

’)
}
}}