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 "<button class='btn btn-primary ' onclick=\"change(" + rows.cmgId+","+cellValue + ")\">上架</button>" ; }else{
return "<button class='btn btn-warning ' onclick=\"change(" + rows.cmgId+","+cellValue + ")\">下架</button>" ; }
}

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


function change(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、效果

JqGrid每行末尾添加按钮进行操作

相关文章: