jqgrid .html方法,jqgrid 每行添加操作按钮 几种方式

方法一、使用formatter (摘自连接https://blog.csdn.net/sugarfengye/article/details/79894927)

1、JqGrid代码

colModel: [

{ label: ‘操作‘, name: ‘state‘, index: ‘state‘, width: 50, edittype: "button", formatter: cmgStateFormat},

]

2、根据state的值显示button

function cmgStateFormat(cellValue,grid, rows, state) {

if(cellValue== 1){

return "上架" ; } else{

return "下架" ; }

}

3、发送请求后台数据动态根据id修改state

functionchange(id,state) {

confirm2(‘确定要上架或下架？‘,function() {

$. get( url+/"+ id+ "/"+state, function (r) {

if (r. code == 0) {

alert( ‘操作成功‘, function (index) { $("#jqGrid"). trigger( "reloadGrid"); });

} else {

alert(r. msg);

}

});

});

}

4、效果

方法二、使用formatter 、formatoptions

colModel: [{

name :‘__manage‘,

width :30,

sortable:false,

classes:‘rowOps‘,

formatter :‘manage‘,

formatoptions :[{

lable:‘编辑‘,

classes:‘btn btn-primary fa fa-edit‘,

action:__ctx+‘/platform/xxx/xxx/edit.htm?id={id}‘},{

lable:‘删除‘,

classes:‘btn btn-primary fa fa-remove‘,

action:__ctx+‘/platform/xxx/xxx/remove.htm?id={id}‘},{

lable:‘明细‘,

classes:‘btn btn-primary fa fa-detail‘,

action: __ctx+‘/platform/xxx/xxx/get.htm?id={id}‘}]

} ]

效果图：

原文：https://www.cnblogs.com/rdchen/p/14010185.html