extjs 渲染之前的方法_ExtJS4.2学习(五)表格渲染与复选框

前几章做的例子，你有没有发现太单调啦？呵呵，相信聪明的你一定知道，光显示文字，那这功能太弱爆了吧，现在我们来看下ExtJs给我们带来的表格渲染和复选框等功能。

有的人问我了，为什么你们的默认表格样式和我做的效果图不一样呢，呵呵，那是因为我引入了ExtJS4.2的其他样式，并非默认的样式，换样式很简单，只需要更改Link引入的文件就可以很轻松的换各种样式，哇~是不是很给力啊，你敢信？好了，不扯远了，下面看这章要做的效果图：

怎么样，是不是很丰富？先来说文字的颜色怎么变吧，详细你学过HTML+CSS一定知道怎么变，同理，在EXTJS里只需要用到renderer即可轻松做成HTML的效果，看下面的代码：

{header:'状态',dataIndex:'status',width:80,renderer:function(value){

if(value=='可用'){

return "可用";

} else {

return "禁用";

}

}}

只需要在columns定义的时候将列的返回值更改为HTML即可。名称列的颜色值变色也是同样的方法，这里为了方便，我就自定义了一个方法，在renderer里引入即可，如下代码：

//改变列颜色自定义renderner方法

function renderMotif(data, cell, record, rowIndex, columnIndex, store){

var value =