jqGrid(2)-表格添加操作列

在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 新手学习,有错请回复指出,不甚言谢

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 14,057评论 6 13
  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 14,776评论 0 15
  • 《裕语言》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 28,590评论 5 20
  • 时节进入九月,银丝细雨淅淅沥沥下着,像极了南方的梅雨季节。突然又天色放晴,阳光透过树木反射在玻璃窗上,耀得人睁不开...
    素手调羹阅读 3,808评论 4 12
  • 努力三组 乐观一组 日期:2018年11月30日 名称:宁波大发化纤有限公司 分别在六项精进403期努力三组和幸福...
    努力三组阅读 1,355评论 0 0

友情链接更多精彩内容