起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 6834|回复: 10

[结贴] 背景颜色dataTables

[复制链接]

29

主题

94

帖子

458

积分

中级会员

Rank: 3Rank: 3

积分
458
QQ
发表于 2018-8-21 16:04:04 | 显示全部楼层 |阅读模式
本帖最后由 jiajay 于 2018-8-21 16:06 编辑

请问:dataTables可以设置某一个单元格的背景颜色吗?我看过http://doc.wex5.com/comps-datatables-grid/#5.1
这里面只有文字渲染没有背景颜色
nn.png

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35913
发表于 2018-8-21 16:29:14 | 显示全部楼层
event.html中放div设置div的背景颜色
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

29

主题

94

帖子

458

积分

中级会员

Rank: 3Rank: 3

积分
458
QQ
 楼主| 发表于 2018-8-21 17:01:14 | 显示全部楼层
jishuang 发表于 2018-8-21 16:29
event.html中放div设置div的背景颜色

我这样写if(event.row.row.fQueTypeID.value.latestValue ==  'E8D285FFF36E4C2F8FBD6A9EAEDE867B'){                        event.html='<div style="background-color:red"><font>' + event.html + '</font></div>';
                }

结果可以是可以,就是看着有点不舒服
bb.png
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35913
发表于 2018-8-21 17:34:42 | 显示全部楼层
onCellRender中如下的方式设置
                setTimeout(function(){
                                        event.source.setCell(event.rowID,event.colName,{backgroundColor:'red'});
                                        },50)
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

29

主题

94

帖子

458

积分

中级会员

Rank: 3Rank: 3

积分
458
QQ
 楼主| 发表于 2018-8-22 08:17:19 | 显示全部楼层
jishuang 发表于 2018-8-21 17:34
onCellRender中如下的方式设置
                setTimeout(function(){
                                        event.source.setCell(event.rowID,event.co ...

你好,我这边提示event.source.setCell is not a function TIM截图20180822081543.png
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35913
发表于 2018-8-22 09:31:59 | 显示全部楼层
参考
  1.         Model.prototype.listDataCellRender = function(event) {
  2.                 var dataTables = event.source;
  3.                 var row = event.row;
  4.                 if (event.colName == 'fName' && event.colVal == 'andTest') {
  5.                         setTimeout(function() {
  6.                                 var cell = dataTables.getCell(row, event.colName);
  7.                                 if (cell) {
  8.                                         var $td = $(cell.node());
  9.                                         $td.css("background-color", "red");
  10.                                 }
  11.                         }, 1);

  12.                 }
  13.         };
复制代码
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

29

主题

94

帖子

458

积分

中级会员

Rank: 3Rank: 3

积分
458
QQ
 楼主| 发表于 2018-8-22 13:39:10 | 显示全部楼层

cell = dataTables.getCell(row, event.colName);这里我取不到cell值
请问代码中event.row的row是行还是行id,
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35913
发表于 2018-8-22 14:16:29 | 显示全部楼层
行啊,事件的API都有说明

请仔细看是需要放到setTimeout中的
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

29

主题

94

帖子

458

积分

中级会员

Rank: 3Rank: 3

积分
458
QQ
 楼主| 发表于 2018-8-22 14:34:01 | 显示全部楼层
jishuang 发表于 2018-8-22 14:16
行啊,事件的API都有说明

请仔细看是需要放到setTimeout中的

API不是说是rowID吗? 111.png
我也是写在setTimeout里面啊?
实在不行,我就换成grid了,
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35913
发表于 2018-8-22 14:44:54 | 显示全部楼层
看dataTables中API的说明啊

grid的用4楼的方案
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-4-19 11:53 , Processed in 0.108367 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表