美文网首页
jqGrid(2)-表格添加操作列

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

作者: 寻羽的皓 | 来源:发表于2019-04-28 16:42 被阅读0次

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

相关文章

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

    在jqGrid生成的表格最后一列追加操作列: 或者 输出:cellValue输出的是单元格值(例子中为id的值)o...

  • jqGrid(2.1)-修改操作列

    在我上一篇文章中,写了关于jqGrid追加操作列的方法,今天在项目中发现了一个问题: 以上述代码为例,我的实际项目...

  • jqGrid常用语法

    jqGrid常用语法整理,包含数据获取、常用函数、触发事件等jqGrid表格数据获取相关语法获取表格所有数据 ...

  • [HTML表格]2.编程练习(2-8)

    1.表格行与列的添加与删除 1)行添加对应行下添加 并与其他行添加相同数量的列。 2)行删除对应行下删除 3)列...

  • bootstrap table使用

    初始化表格 刷新表格 表格列数据居中 设置高度 表格列中添加button按钮及事件如初始化表格最后一列 field...

  • Day03-p.m.-SQL-DML应用

    (2)改表1. 改表结构(添加列、删除列)添加列 删除列(不代表生产操作,生产环境禁用) 注意:ALTER TAB...

  • 表格绘制_附件_代码

    用法举例:|id||:-:||1||2|id12 壹列表格 俩列表格 叁列表格 肆列表格 伍列表格 陆列表格 柒列...

  • bs表格

    标签 作用 为表格添加基础样式。 表格标题行的容器元素( ),用来标识表格列...

  • Excel表格标题行取消方法

    问题引入: 在Excel操作中执行【套用表格格式】命令之后,多出了【列1,列2,列3......】等文字。 情况描...

  • jqGrid中的formatter,表格中值的格式化

    jqGrid中的formatter,表格中值的格式化 jqGrid中对列表cell数次那个格式话设置主要通过col...

网友评论

      本文标题:jqGrid(2)-表格添加操作列

      本文链接:https://www.haomeiwen.com/subject/qdfjnqtx.html