LayUI相关
一、layui数据表格隔行变色,单击行增加背景色
//定义点击事件 table.on('row(gridTable)', function (obj) { var datas = table.cache["gridTable"]; //隔行换色,显示当前行 for (var i = 0; i < datas.length; i++)//countNum为总行数 { if (i % 2 == 0) { //设置隔行换色 $("[lay-id='gridTable'] tbody tr[data-index=" + i + "]").attr({ "style": "background:#D1EEEE;color:#666666" });//恢复原有tr颜色 } else { $("[lay-id='gridTable'] tbody tr[data-index=" + i + "]").attr({ "style": "background:#fff;color:#666666" });//恢复原有tr颜色 } } $(this).attr({ "style": "background-color:#1E9FFF;color:#ffffff" }); var data = obj.data.baseInfoId; // 获得当前行数据 table.reload('gridTable1', { url: "/Report_Areas/JDBaseInfo/GetJDBaseDataList?t=" + new Date(), where: { baseInfoId: data }, page: { curr: 1 } }); });
二、提示框
layer.msg('保存成功!', { icon: 6 });// icon:1 绿对号 icon:2 红叉号 icon:3黄问号 icon:4 灰色锁 icon:5 红哭脸 icon:6 绿笑脸 icon:7 黄叹号
其他
作者:chenze 出处:https://www.cnblogs.com/chenze-Index/ 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。 如果文中有什么错误,欢迎指出。以免更多的人被误导。 |