easyui如何在datagrid 每行增加超链接

在广仲的一个项目中，有这样一个需求，就是利用easyui框架为每一个行上的某一个格添加一个超链接，如下图：

在案号那一列，每一行都是的这个案号都是一个超链接，平时我们都是通过field，绑定从后台获取的数据，如果没有什么特殊要求的话，就可以用了，但是要对数据的格式，还有属性（比如添加一些超链接），这就要用到easyui里面自带的一个formatter属性，它的值是一个函数，函数里有三个参数，分别是value,row,index。下面来介绍一下这几个参数：

1、value：是当前field绑定数据的值，比如，我当前这个field绑定的是一个名为id的属性，那么这个value的就是当前行上的这个id的值

2、rowData:当前这一行上的所有数据，包括显示的和未显示的

3、index:当前是第几行的行值

 

那这个函数怎么样用呢？下面就我本次 的项目做个简单的介绍：

function getMoreRecent(){
			$('#filedGrid').datagrid({ 
			title:"立案秘书收到的案子",
			url:"/arbcase/api/pageClickLog/recentCaseTopList", 
			columns:[[ 
			{field:'collectNo',title:'案号',width:100,
			formatter: function(value,row,index){
      	return '<a style="color:blue" href="/arbcase/case-'+row.id+'">'+row.collectNo+'</a>';
     } }, 
			{field:'nature',title:'案由',width:100}, 
			{field:'accuserListText',title:'申请人',width:100},
			{field:'appelleListText',title:'被申请人',width:100},
			{field:'createdDatetimeText',title:'录入时间',width:50}
			]] 
			});	
	}

上面代码的特点就是就是，url是可以通过变量传入的，第二列的行数也是可以自动设置的，同时可以对每一列的数据格式进行转换，像我这个就是返回一个超链接，大概就是这样了

 

转载于:https://www.cnblogs.com/baby-lijun/p/5152159.html