在jqGrid生成的表格最后一列追加操作列:
//在colModel中添加(记得在colNames中加入'操作')
{name:'id',index:'id',align:'center',edittype:'button',formatter:function(cellValue,options,rowData){
//console.log(cellValue);
//console.log(options);
//console.log(rowData);
btnstr="<button class='btn btn-danger' onclick='delRow("+rowData.id+")' >删除</button>";
return btnstr
}}
或者
{name:'id',index:'id',align:'center',edittype:'button',formatter:btn_del}
function btn_del(cellValue,options,rowData){
console.log(cellValue,options,rowData);
btnstr="<button class='btn btn-danger' onclick='delRow("+rowData.id+")' >删除</button>";
return btnstr;
}
输出:
cellValue输出的是单元格值(例子中为id的值)
options输出的是表格配置相关的json对象
rowObject输出的是当前行的数据json对象
那么就通过rowObject就可得到当前行数据的id(不是序列号),从而实现操作
注意事项:
name属性最好选择当前行数据的id
除了cellValue,option,rowData还有第四个参数输出为"add"(暂不知什么作用,吊大的请回复,学学习)
具体api请看官方文档http://www.trirand.com/jqgridwiki/doku.php?id=wiki:custom_formatter
本文中用是jqGrid 4.6.0 新手学习,有错请回复指出,不甚言谢