根据条件改变layui行的样式

本文介绍如何利用JavaScript和layui库根据仓库状态改变表格行的样式。通过自定义列并判断数据状态,设置不同的CSS类以区分启用和停用仓库。启用状态时,若为默认仓库则显示特定文字;停用状态则显示停用文字。在表格渲染完成后,通过DOM操作修改背景颜色和序号列内容。
摘要由CSDN通过智能技术生成

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标签添加

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值