87,989
社区成员
发帖
与我相关
我的任务
分享Extjs4.0 更新gird中一行样式的方法?
有一列数据age,在他的renderer函数里面，如果age>20就把这行的背景设置为红色，请问这怎么做？
4.0貌似没有gird.getView().getRow()方法了。gird.on("load")事情好像也没有...
4.0貌似没有gird.getView().getRow()方法了。gird.on("load")事情好像也没有...
...全文
请发表友善的回复…
发表回复
sungoshawk 2012-01-12
- 打赏
- 举报
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
<script type="text/javascript" src="extjs/bootstrap.js"></script>
<style type="text/css">
.x-grid-background-red {
color : #FF0000;
}
</style>
<script type="text/javascript">
Ext.onReady(function(){
var data = [
['Anne', '22'],
['Bob', '18']
];
var store = Ext.create('Ext.data.ArrayStore', {
fields : ['name', 'age'],
data : data
});
var grid = Ext.create('Ext.grid.Panel', {
store : store,
columns : [{
text : 'Name',
dataIndex : 'name'
},{
text : 'Age',
dataIndex : 'age'
}],
height : 300,
width : 200,
renderTo : Ext.getBody(),
title : 'Grid Color Test',
viewConfig : {
getRowClass : function(record, rowIndex, rowParams, store){
var val = record.data.age - 0;
if(val > 20)
return 'x-grid-background-red';
else
return '';
}
}
});
});
</script>
</head>
<body>
</body>
</html>
刚才看错了，之后又搞了下，但只能把字颜色变红的，希望对楼主有帮助
sungoshawk 2012-01-12
- 打赏
- 举报
function changeAge(val){
if (val > 20) {
return '<span style="color:red;">' + val + '</span>';
}
return val;
}从example里面抄的
