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

最新推荐文章于 2021-09-24 13:57:14 发布

sugarfengye

最新推荐文章于 2021-09-24 13:57:14 发布

阅读量8.6k

点赞数 2

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/sugarfengye/article/details/79894927

本文介绍如何使用JqGrid结合JavaScript实现根据表格中特定字段的状态动态显示不同样式的按钮，并通过AJAX请求更新后台数据。具体实现包括定义colModel配置项、状态显示格式化函数及状态改变时的请求处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

colModel: [

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

]

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>" ; }

}

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); } }); });}