ExtJS4网格改变单元格背景颜色及列渲染学习

利用的是圆柱的提出先看效果图

代码如下：复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head title/title link href='./ext js-4。1 .0/resources/CSS/ext-all。CSS ' rel='样式表type=' text/CSS '/script src=' http :/ext js-4。1 .0/引导。js ' type=' text/JavaScript '/脚本样式type=' text/CSS ' .x网格单元。用户在线{背景色： # 9fc} .x网格单元。用户离线{背景色：蓝色；}/样式脚本类型=' text/JavaScript ' ext。onready(function(){ ext。小部件('网格'，{ title: 'Users '，store: { fields: ['name '，' email '，' online']，data: [ { 'name': '王俊伟，' email': '[emailprotected]'，' online': true }，{ 'name': '王俊伟1 '，' email': '[emailprotected]，' online': false '，{ 'name': '王俊伟2 '，' email': '[emailprotected]，' online': false '，{ 'name': '王俊伟3 '，' email': '[emailprotected]'，' online': true } ] }，列3360[{ header : ' Name '，dataIndex: 'name '，render :函数(值、元、记录){元。tdcls=记录。获取('在线')？用户-在线' : '用户-离线；返回值；} }，{ header: 'Email '，dataIndex: 'email '，flex: 1 }，{ header: 'Online '，dataIndex: 'online' } ]，width: 400，renderto : ext。getbody()})；});/脚本/标题正文/正文/html