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"
});
}
;
});
该代码只是对行中的某一列进行了处理,如果符合某个条件,就对该列添加样式。 具体怎么对整个一行做处理,仍需研究。
那么,如果在代码中,进行某些处理后如何动态的给某一行添加样式呢?比如把该行变红,代表已经进行过处理,该如何进行呢?
代码示例:
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"
});
}
;
});
该代码只是对行中的某一列进行了处理,如果符合某个条件,就对该列添加样式。 具体怎么对整个一行做处理,仍需研究。
相关文章推荐
- ios8 UITableView设置 setSeparatorInset:UIEdgeInsetsZero不起作用的解决办法
- UIScrollView滚动到制定的位置
- easyUI中datagrid如何展示对象下属性的多个子属性
- iOS之默认搜索UISearchDisplayController
- iOS真机UI调试利器——Reveal(在原转载上有所修改)
- VDI ipad通过AD+Raduis认证配置
- 解决Mygui不支持中文路径
- android出现the project was not built due to "a resource exists with a different case问题
- @RequestParam的作用
- 漂亮UI的全能音乐播放器
- Android UI开发第十四篇——可以移动的悬浮框
- SharePoint 2013 隐藏左边快速启动菜单栏(Hiding the Quick Launch Bar)
- iOS多线程编程之NSOperation和NSOperationQueue的使用
- iOS使用UITableView从plist中选择省市区
- PAT 1017. Queueing at Bank
- UITouch和TableView如何响应点击事件
- HDU 1047 Integer Inquiry JAVA大数
- JS动态添加节点后渲染为EasyUI控件,EasyUI动态渲染解析解决方案
- WebRequest.GetSystemWebProxy()的效能问题
- POJ_2785_4 Values whose Sum is 0(lower_bound,upper_bound)