easyUI 根据一些条件改变DataGrid 行背景颜色
2012-08-11 10:45
399 查看
@author YHC
这个教程将向你展示如何改变datagrid组件行样式根据一些条件,谁的listprice 值大于50我们将设置行为不同的颜色.
查看
Demo
datagrid的rowStyler函数设计允许你自定义行样式,以下代码展示如何改变行样式:
easyui-datagrid-demo.zip
这个教程将向你展示如何改变datagrid组件行样式根据一些条件,谁的listprice 值大于50我们将设置行为不同的颜色.
查看
Demo
datagrid的rowStyler函数设计允许你自定义行样式,以下代码展示如何改变行样式:
<table id="tt" title="DataGrid" style="width:600px;height:250px" url="data/datagrid_data.json" singleSelect="true" fitColumns="true"> <thead> <tr> <th field="itemid" width="80">Item ID</th> <th field="productid" width="80">Product ID</th> <th field="listprice" width="80" align="right">List Price</th> <th field="unitcost" width="80" align="right">Unit Cost</th> <th field="attr1" width="150">Attribute</th> <th field="status" width="60" align="center">Stauts</th> </tr> </thead> </table>
$('#tt').datagrid({ rowStyler:function(index,row){ if (row.listprice>50){ return 'background-color:pink;color:blue;font-weight:bold;'; } } });正如你所看到的,我们根据一些条件设置background-color(背景色)为pink(分红色)和文本颜色为blue(蓝色);
下载EasyUI 示例代码:
easyui-datagrid-demo.zip
相关文章推荐
- easyUI 根据一些条件改变DataGrid 行背景颜色
- easyUI 根据一些条件改变DataGrid 行背景颜色
- 在wpf datagrid中,想要根据一个条件来改变datagrid行的背景颜色
- RDLC 根据条件改变背景颜色-多个IIF
- DataGrid 根据条件改变表格中某行的文字颜色 & 表格底色交替
- wpf datagrid 单元格颜色 根据条件改变颜色 根据表datatable动态显示datagrid内容
- ReactiveCocoa简介三,根据输入框的条件,改变输入框背景颜色
- EasyUI DataGrid 改变背景颜色
- jquery datagrid根据指定列的值改变所在行的背景颜色
- Flex 自定义DataGrid实现根据条目某一属性值改变背景颜色
- [DevExpress]GridControl根据条件改变单元格/行颜色(Dev GridControl 单元格着色)
- 在DataGrid(WinForm)中改变符合指定条件的行颜色的方法
- Cxgrid根据列条件改变行颜色
- 根据条件改变TreeView的颜色
- PHP根据传来的颜色自动改变背景颜色
- PHP根据传来的16进制颜色代码自动改变背景颜色
- 锐浪 报表, 交叉报表中 对交叉字段,做条件改变背景颜色 .
- GridView(DataGrid)根据单元格改变单元格颜色简单做法
- 根据绑定的值的不同改变gridview里某一单元格的字体或背景颜色
- 根据数据动态改变Android列表背景颜色