美文网首页
jqGrid(2.1)-修改操作列

jqGrid(2.1)-修改操作列

作者: 寻羽的皓 | 来源:发表于2019-04-29 09:11 被阅读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
   }}

以上述代码为例,我的实际项目中,我的表格还有双击行弹窗编辑,故我需要传递id值到弹窗层,且要显示双击行的数据,因为我用了layer,所有数据都传过去有点麻烦(我的水平有限),所以选择传id,通过id来查询相关数据。
  但是我在进行上面操作时发现,我传过去的id值有问题,后来console才知道,id已经变了。我想应该是这里操作列配置有问题。因为这里用了name:'id',导致return回的值覆盖了原本行数据中id值。
console输出:
  id: "<button class="btn btn-danger" onclick="delRow(3)">删除</button>"
故只需将name:'id',改为不存在的字段即可,改动如下:

//在colModel中添加(记得在colNames中加入'操作')
 {name:'option',index:'option',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
   }}

console输出:
  id依旧存在且不变
  新增option: "<button class="btn btn-danger" onclick="delRow(3)">删除</button>"
如有错误不足之处,请多回复指正,不甚言谢

相关文章

  • jqGrid(2.1)-修改操作列

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

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

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

  • Hive常用操作汇总

    Hive常用操作汇总 表操作 数据存储位置发生改变,分区名未改变 列操作 修改列 First将列放在第一列,AFT...

  • jqGrid学习笔记

    jqGrid笔记一jqGrid笔记二jqGrid用法汇总

  • 标题

    jQuery("#JQGrid1").jqGrid('navButtonAdd', '#JQGrid1_pager...

  • DDL(数据库、表的基本操作)

    数据库的创建、删除、查看表的基本操作,创建表,删除表,查看表,修改表(修改表名称,添加列,修改列的名称) prim...

  • SQLite

    SQLite 基础知识 SQLite 列操作 sqlite中不支持删除列的操作,也不能够修改主键。 从上图可见,S...

  • 2017-10-12

    jqgrid中文文档http://blog.mn886.net/jqGrid/jqgrid官方地址http://w...

  • 将webstorom/phpstorm的terminal的 cm

    1.找到安装git bash对应的安装目录;列如: 2.修改编辑器设置; 2.1 找到配置位置:File>>Set...

  • 7.修改数据表

    针对字段操作:添加/删除字段,修改列定义,列名 针对约束操作:添加/删除 针对数据表操作:数据表更名(rename...

网友评论

      本文标题:jqGrid(2.1)-修改操作列

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