【项目实战】---为EasyUI DataGrid的某一动态加载数据列添加超链接，点击超链接触发Onclick方法

前言：

在项目中遇到过为DataGrid的某一固定显示的列加载超链接，这个比较简单，如果是为动态加载数据的列添加超链接，并触发onclick方法，这个就涉及到一点拼串，一起总结下吧！

分析：

这个过程实质是EasyUI DataGrid格式化列，需要设置 formatter 属性，它是一个函数。这个格式化函数包含三个参数：value：当前列对应字段值，row：当前的行记录数据，index：当前的行下标。

核心代码：

//加载数据列表
{
field: 'CusName', title: '客户名称', width: 50, align: 'left', halign: 'center', formatter:rowformatter
}

//客户信息预览（rowforrmatter函数的编写，返回一个超链接，点击时触发show（）方法去实现其他具体功能）
function rowformatter(value, row, index) {
    return "<a href='#' οnclick='show("+row.ID+","+index+");'>"+row.CusName+"</a>";  //关键
}

//客户预览show方法
function show(row,index) {
//具体的方法实现省略
}

效果：

总结：

每一个小的地方都不能忽视，仔细的去写，多思考，多参考。实现什么效果都成为可能的。