2
回答
jqgrid如何添加自定义的列
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   

如上图,我的jqgrid中的数据都是从数据库中查出来的,请问如何加入一列,名为“操作”,使该列每一行显示三个按钮:修改,删除,上线?并且点击修改按钮,能获取到该行的id,从而进行实际操作?

举报
嵇智
发帖于3年前 2回/6K+阅
共有2个答案 最后回答: 3年前


var jqGridOptin = {
url : "modules/custom/getAll",
datatype : "json",
mtype : "post",
height : "100%",
autowidth : true,
caption : "客户资料",
colNames : [ "ID", "姓名", "性别", "年龄", "出生日期", "电话", "地址", "操作" ],
colModel : [ {
name : "custId",
cellattr : me.cellattr,
hidden : true
}, {
name : "custname"
}, {
name : "gender",
formatter : me.genderFormatter
}, {
name : "age"
}, {
name : "birthday"
}, {
name : "phoneno"
}, {
name : "address"
}, {
name : "act",
title : false,
formatter : me.actFormatter
} ],
jsonReader : {
userdata : "rows",
root : "rows",// 所有数据项
page : "page",// 当前页数
total : "total",// 总页数
records : "records",// 总记录数
repeatitems : false
},
prmNames : {
page : "page",
rows : "rows"
},
rowList : [ "15", "20", "50", "100", "500" ],
rowNum : "20",
repeatitems : false,
viewrecords : true,
emptyrecords : "查询结果为空!",
pager : "#customListPager",
sortable : true,
onSelectRow : function(id) {
// alert(id);
}
};



me.actFormatter = function(cellvalue, options, rawObject) {
var detail = '<input type="button" value="详情" onclick="showCustomDetail('
+ rawObject.custid + ',' + options.rowId + ')">';


var deleteBtn = '<input type="button" value="删除" onclick="deleteCustom('
+ rawObject.custid + ',' + options.rowId + ')">';


return "&nbsp;&nbsp;&nbsp;\t" + detail + "&nbsp;&nbsp;&nbsp;\t"
+ deleteBtn;
};

里面有一个虚拟列:


{
name : "act",
title : false,
formatter : me.actFormatter
}

对应 js 函数:actFormatter

这个思路可以实现你的要求

--- 共有 1 条评论 ---
嵇智万分感谢,请受小弟一拜! 3年前 回复
顶部