通过formatter方法给easyui 的datagrid 每行增加操作链接。
效果图
jsp代码:
<th field="url" width="100" align="center" formatter="rowformater">操作</th>
js代码:
<script type="text/javascript">
/**
* 添加含有链接的一列
*/
function rowformater(value,row,index){
var a;
if(row.status == '00'){
a = "<a style='cursor: pointer;text-decoration: underline;color: blue;' target='_blank' onclick='javascript:grantMember(\""+ row.id +"\")'>授权用户</a>";
}else{
a = "<a style='text-decoration: none;color: black;'>无法授权</a>";
}
return a;
}
/**
* 给授权用户添加链接,并且已在新tab打开
* @param order_id
*/
function grantMember(order_id){
self.parent.addTab("授权用户","${ctx}/businesswhite/synccustomer.jsp?order_id="+order_id,"icon-customer");//打开新的tab
//window.open("${ctx}/businesswhite/synccustomer.jsp?order_id="+order_id);//打开新的页面
}
//self.parent.addTab在新tab打开,“授权用户”是tab的标题,url是tab打开的url,“icon-customer”是tab的图标
</script>
按照以上的做法就可以得到上面的效果图了。