给Extjs grid中的列自定义点染方式 _JavaScript

给Extjs grid中的列自定义渲染方式

给grid中其中网址的那一列，加上超链接，使之点击即可进入。

看代码：

function showUrl(value)
{ 
    return"<a href="+value+">"+value+"</a>";
} 
Ext.onReady(function(){ 
    var data=[
        {id:1,name:'EasyJWeb',organization:'EasyJf',homepage:'www.Easyjf.com'},
        {id:2,name:'jfox',organization:'huihoo',homepage:'www.huihoo.com'},
        {id:3,name:'jdon',organization:'jdo',homepage:'www.jdon.com'},
        {id:4,name:'springside',organization:'springside',homepage:'www.springside.com'}
        ];
    var store =new
Ext.data.JsonStore( 
        {
            data:data,
            fields:['id','name','organization','homepage']
        }   
    );
    var colM =new
Ext.grid.ColumnModel( 
        [
            {header:'项目名称',dataIndex:'name',sortable:true},
            {header:'开发团队',datIndex:'organization',sortable:true},
            {header:'网址',dataIndex:'homepage',renderer:showUrl}
            ]   
    );
    var grid =new
Ext.grid.GridPanel({ 
        renderTo:'hello',
        title:'中国java开源产品及团队',
        height:200,
        width:600,
        cm:colM,
        store:store,
        autoExpandColumn:2
    });
      
    });