您的位置:首页 > 产品设计 > UI/UE

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

2015-05-29 15:53 381 查看
    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"
           }); 
          }

           ; 

});

该代码只是对行中的某一列进行了处理,如果符合某个条件,就对该列添加样式。   具体怎么对整个一行做处理,仍需研究。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: