jqGrid表格添加‘操作’列，自定义按钮

最新推荐文章于 2023-07-07 11:04:38 发布

又恐琼楼玉宇

最新推荐文章于 2023-07-07 11:04:38 发布

阅读量2k

点赞数 1

分类专栏：表格文章标签： jqgrid

本文链接：https://blog.csdn.net/nnaay_/article/details/104670844

版权

表格专栏收录该内容

5 篇文章 0 订阅

订阅专栏

第一种：

{ 
	label: '操作', name: 'Operate', width: 80, align: 'center', edittype:"button", formatter:function(cellvalue, options, rowObject){
	return "<button class='btn btn-danger' style='padding:3px 12px;' data-rowid='"+ options.rowId +"' οnclick='DelFile("+ options.rowId + ");'>删除</button>";
	}
}

//事件
function DelFile(id){
    alert(id)
}

第二种：

{ label: '操作', name: 'Operate', width: 80, align: 'center', edittype:"button", formatter:formatModel }

//事件
function formatModel(cellValue, options, rowObject) {
	var imageHtml = "<button class='btn btn-danger' style='padding:3px 12px;' data-rowid='"+ options.rowId +"'  οnclick='DelFile("+ options.rowId + ");'>删除</button>";           
    return imageHtml;
}
function DelFile(id){
	alert(id)
}