美文网首页
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)-表格添加操作列

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