在用easyUI datagrid 做表格展示数据的时候,我们通常要对表格数据进行操作 ,下面简单说一下如何在最后一列加操作的链接
//下面是datagrid的最后一列的写法
<th data-options="field:'opt', width:200, align:'center', formatter: optFormatter">操作</th>
//optFormatter的方法实现如下
/* 操作按钮格式化 */
function optFormatter(value, row, index) {
return [
"<a href='javascript:;' οnclick='showUpdate(" + index + ")'>",
"<img src='<%=path %>/static/css/plugins/jquery-easyui/themes/icons/pencil.png' title='修改'/>",
"</a>",
"<a href='javascript:;' οnclick='addCompatible(" + row.id + ")'>",
"<img src='<%=path %>/static/css/plugins/jquery-easyui/themes/icons/edit_add.png' title='添加'/>",
"</a>",
"<a href='javascript:;' οnclick='destory(" + row.id + ")'>",
"<img src='<%=path %>/static/css/plugins/jquery-easyui/themes/icons/cancel.png' title='删除'/>",
"</a>",
].join("");
}
function addCompatible(id){
$('#compatibleAdd').form('clear');
$('#compatibleAdd').dialog('open');
}
在此做以记录 方便以后使用