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

QQ登录

只需一步,快速开始

查看: 8706|回复: 9

[处理中3] dataTables 如何根据条件设置某行的颜色状态

[复制链接]

106

主题

294

帖子

801

积分

高级会员

Rank: 4

积分
801
QQ
发表于 2018-8-20 15:43:53 | 显示全部楼层 |阅读模式
版本: 小版本号:
数据库: 服务器操作系统: 应用服务器:
客户端操作系统: 浏览器:
dataTables 如何根据业务判断条件动态设置某一行的颜色,可选状态等等, 例如在 Model.prototype.dataTablesCellRender = function(event){ 事件里怎么做,或者是其它事件里怎么处理

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36198
发表于 2018-8-20 16:12:41 | 显示全部楼层
rowAttr属性可以设置啊
http://doc.wex5.com/?p=4560#4.1
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



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

使用道具 举报

106

主题

294

帖子

801

积分

高级会员

Rank: 4

积分
801
QQ
 楼主| 发表于 2018-8-20 17:36:45 | 显示全部楼层
选中某行的话 根据条件设置好的背景色就变了
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36198
发表于 2018-8-20 17:38:50 | 显示全部楼层
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



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

使用道具 举报

106

主题

294

帖子

801

积分

高级会员

Rank: 4

积分
801
QQ
 楼主| 发表于 2018-8-20 18:02:31 | 显示全部楼层
有 setRowActiveClass 吗
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36198
发表于 2018-8-21 08:48:29 | 显示全部楼层
没有
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



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

使用道具 举报

106

主题

294

帖子

801

积分

高级会员

Rank: 4

积分
801
QQ
 楼主| 发表于 2018-8-21 10:19:02 | 显示全部楼层
但是我想让符合条件的某一行是特定颜色并且不带有active点击样式,其它不符合条件的行就是默认颜色并且有默认的active点击样式怎么办
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36198
发表于 2018-8-21 10:37:04 | 显示全部楼层
rowAttr属性设置就可以啊
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



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

使用道具 举报

106

主题

294

帖子

801

积分

高级会员

Rank: 4

积分
801
QQ
 楼主| 发表于 2018-8-21 10:51:14 | 显示全部楼层
前面不是说了吗,设置完被 active的样式覆盖了啊,active属性去掉对其它行又没效果了,你也说了又没有setRowActiveClass 方法来指定特定行有active效果,而且我第一行就符合条件设置了背景色一加载进来就直接是active效果设置的背景色根本没效果,去掉active对其它行又没效果了
明白我下面这句话的真实意思吗:“并且”,这句是个并列关系
但是我想让符合条件的某一行是特定颜色并且不带有active点击样式,其它不符合条件的行就是默认颜色并且有默认的active点击样式怎么办
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36198
发表于 2018-8-21 14:30:44 | 显示全部楼层
可以在dataTables组件的onRowSelect事件中自己判断,把行上的active样式去掉
  1.         Model.prototype.listDataRowSelect = function(event){
  2.                 var row = event.row;//获取当前行
  3.                 var dataTables = event.source;//获取dataTables组件对象
  4.                 var tr = dataTables.getRow(row);//DataTables行对象
  5.                 if(tr){
  6.                         var $tr = $(tr.node());
  7.                         if(row.val("fName")== 'aaa' && dataTables.rowActiveClass){
  8.                                 $tr.removeClass(dataTables.rowActiveClass);
  9.                         }
  10.                 }
  11.         };
复制代码
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



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

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-8-25 07:31 , Processed in 0.055239 second(s), 25 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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