easyui datagrid中动态改变某行的颜色

    easyui的datagrid,并没有针对某一行设置样式的方法。 datagrid的rowStyle方法,只能在表格创建的时候,为行设置样式。 这个样式一旦设置,后面就无法更改,因此它是一个表的方法,而不是针对行的方法。

那么,如果在代码中,进行某些处理后如何动态的给某一行添加样式呢?比如把该行变红,代表已经进行过处理,该如何进行呢?

代码示例:

var panel =  $('#'+tableId).datagrid('getPanel'); 

        var tr = panel.find('div.datagrid-body tr');  

        tr.each(function(){ 

            var td = $(this).children('td[field="DATA_NAME"]');  // 取出行中,DATA_NAME 这一列。

            var textValue = td.children("div").text(); // 取出该列的值。

            if(textValue == ‘’){ // 如果该值,符合某个条件
          td.children("div").css({   
                "text-align": "right" ,
               "background": "red"
           }); 
          }

           ; 

});

该代码只是对行中的某一列进行了处理,如果符合某个条件,就对该列添加样式。   具体怎么对整个一行做处理,仍需研究。


  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值