extjs的grid控件如何根据值来设置某行的背景颜色
2011-11-04 17:24
483 查看
根据不同的值来设置grid的背景颜色
在viewConfig里面配置getRowClass就行了,例:
先自定义一个CSS:
<style type="text/css">
.my_row_Red table{ background:Red}
</style>
然后在GridPanel里这样写:
var QueryGrid=new Ext.grid.GridPanel({
frame:true,
renderTo:document.getElementById("QueryGrid"),
enableColumnHide:false,
columns:[
{header:'姓名',sortable:true,dataIndex:'Name'},
{header:'性别',dataIndex:'Sex'},
{header:'年龄',dataIndex:'Age'}
],
store:JQueryStore,
loadMask: true,
viewConfig:{forceFit:true,sortAscText:'正序',sortDescText:'降序',getRowClass : function(record,rowIndex,rowParams,store){
if(record.data.Sex=="1"){
return 'my_row_Red';
} }
}
})
在viewConfig里面配置getRowClass就行了,例:
先自定义一个CSS:
<style type="text/css">
.my_row_Red table{ background:Red}
</style>
然后在GridPanel里这样写:
var QueryGrid=new Ext.grid.GridPanel({
frame:true,
renderTo:document.getElementById("QueryGrid"),
enableColumnHide:false,
columns:[
{header:'姓名',sortable:true,dataIndex:'Name'},
{header:'性别',dataIndex:'Sex'},
{header:'年龄',dataIndex:'Age'}
],
store:JQueryStore,
loadMask: true,
viewConfig:{forceFit:true,sortAscText:'正序',sortDescText:'降序',getRowClass : function(record,rowIndex,rowParams,store){
if(record.data.Sex=="1"){
return 'my_row_Red';
} }
}
})
相关文章推荐
- C# 如何在PDF文档中根据关键字查找文本并给文本设置背景颜色
- EXTJS根据值Value改变gridpanel单元格背景颜色或者设置整行字体颜色
- EXTJS根据值Value改变gridpanel单元格背景颜色或者设置整行字体颜色
- 如何在Xib中设置Button的属性(圆角以及背景颜色)
- VC/MFC——如何设置对话框背景颜色
- VC/MFC如何设置对话框背景颜色
- 如何设置MFC对话框背景的颜色
- 如何动态设置ExtJS Form控件文字显示的颜色
- 针对UI给出的背景颜色和透明度#ba9163 35%透明度该如何设置
- VC编程中如何设置对话框的背景颜色和静态文本颜色
- VC/MFC如何设置对话框背景颜色
- Flex中如何通过backgroundImage, backgroundColor和backgroundAlpha样式,设置VBox的背景图片和背景颜色以及改变透明度
- java中如何对JFrame进行设置背景颜色和背景图片
- UITableView 如何设置背景颜色
- Flex中如何通过设置backgroundColor和backgroundAlpha改变DateChooser控件背景颜色的例子
- VC/MFC如何设置对话框背景颜色
- VC/MFC如何设置对话框背景颜色
- CAD图纸转为pdf如何设置色彩和背景颜色
- VC/MFC如何设置对话框背景颜色 2011.11.01
- EXCEl中如何设置单元格的下拉列表及背景颜色设置