有哪位大神知道怎样用js动态设置bootstrap table的列样式cellStyle

菜鸟大马 2017-03-10 11:35:35
$(function(){
ininTable();
})
function ininTable(){
for(var i=0;i<icols; i++){
var typeObj = {title:cols[i],field:fields[i],align:'center',valign:'middle'};
if(i==16 || i== 17){
typeObj.cellStyle = lateStyle;
}
ocol.push(typeObj);
}
var data = [
{
latenum:10,//迟到次数
earlynum:3,//早退此时
muchworknum:5,//加班次数
leavenum:6,//请假次数
busynum:5,//出差次数
absentnum:7,//旷工次数
cardnum:0,//补卡次数
uncardnum:5,//未刷卡次数
}
]
$table.bootstrapTable({
data:data,
height: itableHeight,
dataType: "json",
columns: ocol,
pagination: true, //分页
singleSelect: false,
cache: false,
striped: true,
locale:"zh-US", //表格汉化
pageSize: 10,
showColumns:true,
minimumCountColumns:2,
sidePagination: "server", //服务端处理分页
queryParamsType: "",//修改默认参数传递方式
responseHandler:onresponseHandler,//每次从服务器请求数据后触发的事件。
queryParams: GetUserQuery, //给出分页查询参数
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
method:"POST",
});
}
//表格列样式定义,是给单元格td加样式
var lateCo= "black",lateBgCo="#00FF00";//迟到颜色
function lateStyle(value,row,index){
if(row.latenum > 0){
return {
css:{
"color":lateCo,
"background-color":lateBgCo,
}
}
}
return {};
}
一开始页面加载就可以设置列颜色,然后我动态改变lateCo和lateBgCo的颜色值,此时重新运行初始化表格函数 ininTable(),但是颜色改变不了,哪位大神知道问题出在哪了
...全文
3715 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
菜鸟大马 2018-01-13
  • 打赏
  • 举报
回复
不好意思,很少登录账号。我是将列颜色值设置为全局变量,修改为自己所需要的颜色后,直接用一下方法刷新一遍表格即可 $table.bootstrapTable("refresh", { url: "表格数据接口" });
旺枝 2017-11-16
  • 打赏
  • 举报
回复
引用 5 楼 m0_37991778 的回复:
[quote=引用 4 楼 GHY_H5 的回复:] 是不是因为{}包含了return 报错classes的原因
我也是发现这个问题,还找不到解决方法[/quote] 刚测试,return空样式的时候必须是个对象如 return {},不然就会报这个错
旺枝 2017-11-16
  • 打赏
  • 举报
回复
引用 4 楼 GHY_H5 的回复:
是不是因为{}包含了return 报错classes的原因
我也是发现这个问题,还找不到解决方法
GHY_H5 2017-09-18
  • 打赏
  • 举报
回复
怎么解决了,楼主
GHY_H5 2017-09-18
  • 打赏
  • 举报
回复
是不是因为{}包含了return 报错classes的原因
酱油和天下 2017-07-06
  • 打赏
  • 举报
回复
引用 1 楼 maxuanling 的回复:
不会意思,刚发布完,就突然想到解决方法了,谢谢
怎么解决的,我也遇到了这个问题,大神求解
菜鸟大马 2017-03-10
  • 打赏
  • 举报
回复
不会意思,刚发布完,就突然想到解决方法了,谢谢
打开链接下载源码: https://pan.quark.cn/s/a4b39357ea24 在当前迅速演进的电子工程领域中,汽车电子、工业自动化以及航空航天等行业对数据通信的高效性与可靠性提出了极为严格的要求。为了应对这些需求,各式各样的通信协议相继出现,其中Controller Area Network(CAN)总线凭借其卓越的表现,已成为上述领域的首选方案。该总线被广泛用于车辆内部电子控制单元(ECU)之间的数据交换,以及更为复杂的系统集成场景。作为行业规范的ISO 11898-2,更是提供了关于CAN总线物理层的关键性规定,是学习和实现CAN通信不可或缺的基础。CAN总线的物理层是保障信号精确传输的根基,因此对其深入理解显得尤为关键。ISO 11898-2规范着重于CAN总线物理层的界定,它细致地说明了关于传输媒介、信号传输、电气接口和电磁兼容性等多个方面的技术要素。以传输媒介为例,规范中明确出了可用的电缆类型,例如单绞屏蔽电缆(STP)和双绞线(UTP),以及它们的连接器规格,为实际应用中的选择提供了参考。而信号传输参数的设定,如位时间的划分和同步段的安排等,直接关联到数据传输的准确性与速率,对于实现高速且可靠的通信至关重要。在电气接口方面,ISO 11898-2规范定义了CAN总线的电平信号标准,规定了高电平和低电平的电压区间,以及总线活动与空闲状态下的电气特征。这些规定确保了不同制造商的设备之间能够正确地进行通信。同时,规范还涉及到了总线终端电阻的设置,这是减少信号反射并保证信号完整性的重要措施。终端电阻配置不当可能导致通信质量下降,甚至引发网络故障。电磁兼容性(EMC)在现代电子系统中是一个必须重视的议题。ISO 11898-2规范中详细说明了CAN...

87,991

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧