有哪位大神知道怎样用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(),但是颜色改变不了,哪位大神知道问题出在哪了
...全文
3702 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 SolidWorks是一款在机械设计领域得到广泛应用的计算机辅助设计(CAD)软件,它具备功能强大的三维建模工具、完善的工程图功能以及多样化的设计协作功能。在工程图模板方面,SolidWorks为设计师们提供了创建符合行业标准图纸的便捷途径,从而显著提升了设计工作的效率。标题"SolidWorks工程图模板"具体指的是在SolidWorks软件中预先设定好的图框与标题栏组合布局,这些模板通常依据特定的规范(例如ISO、ANSI等)进行配置,涵盖了设计者通常所需的所有基本要素。借助这些模板,用户能够直接展开工程图的绘制工作,无需独立设置图框和标题栏,因而有效节省了大量的时间。描述中所指出的"已配置好图框和标题栏",表明这些模板已具备绘制工程图的基础结构。图框作为工程图的一个核心组成部分,它界定了图纸的范围,并且通常包含了图纸编号、日期、比例等关键信息。标题栏则是用于呈现设计详细信息的区域,例如设计者的姓名、零件的名称、材料种类、版本号等。一旦这些要素被配置妥当,设计师便可以根据具体的项目需求填充相应内容,从而迅速生成专业且标准化的工程图纸。"配置好存储路径后即可使用"这一说明表明,在使用SolidWorks工程图模板之前,用户必须先设定一个保存位置,这样每次创建新的工程图时,软件会自动将文件保存在这个指定的路径下,便于后续的管理和检索。压缩包内包含的文件"A3零件.DRWDOT"与"A3零件.slddrt"代表了SolidWorks的两种不同类型的工程图文件。".DRWDOT"文件是工程图模板文件,它集成了图框、标题栏及其他个性化设置,供用户在创建新工程图时选用。".slddr...
内容概要:本文介绍了一个名为GeometryService的类,旨在将不同类型的地理空间数据(如点坐标、Shapefile文件、GADM行政区划数据)解析并转换为Google Earth Engine可识别的几何对象(ee.Geometry)。该服务支持三种输入类型:通过经纬度字典创建点几何体、读取本地矢量文件(如Shapefile或GeoJSON)以及调用pygadm库获取全球行政区划数据。每种类型均有专门的解析方法,内部实现了坐标系统一(WGS84)、几何合并与GeoJSON格式转换,并最终封装为Earth Engine兼容的几何结构用于遥感分析或区域提取。; 适合人群:具备Python编程基础,熟悉地理信息系统(GIS)数据处理的科研人员或开发者,尤其是需要将本地或全球地理数据接入Google Earth Engine平台进行遥感分析的技术人员; 使用场景及目标:①将野外采样点、研究区边界等地理数据快速导入Earth Engine进行遥感影像分析;②利用GADM全球行政区划数据库动态获取国家或省级行政边界的几何对象,实现自动化区域统计;③为构建基于Web的地图分析工具提供后端几何解析支持; 阅读建议:使用前需安装geopandas、pygadm、earthengine-api等依赖库,注意处理异常情况如文件路径错误、坐标系不匹配或网络请求失败,建议结合实际数据调试各解析函数。

87,996

社区成员

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

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