2012/7/26给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
	});
	
	});

 

转载于:https://www.cnblogs.com/howlaa/archive/2012/07/26/2610118.html