实现jqGrid的行编辑事件,自定义按钮实现编辑功能

function modify_user_inf(row_id) {
rowData = $("#list").jqGrid('getRowData', row_id);
console.log(rowData)
var Div = document.createElement("div");
$(Div).attr("id", "User_id");
var name = rowData.userName;
$(Div).html(name);
$(Div).find("i").remove();
var UserName = $(Div).html()
UserName = UserName.replace(/\s/g, "");
//console.log(UserName);
$("#modify_form #userName").val(UserName);
console.log($("#modify_form #userName").val())
$("#modify_form #sex").val(rowData.sex);
$("#modify_form #email").val(rowData.email);
$("#modify_form #phone").val(rowData.phone);
$("#modify_form #Modi_birthday").val(rowData.birthday);
$("#modify_form #modi_dep").html(rowData.departs);
//console.log(rowData.status)
if (rowData.status == "否") {
rowData.status = 0
} else {
rowData.status = 1
}
$("#modify_form #status").val(rowData.status);
}



jqGrid表格的添加 loadComplete: function(data) { //完成服务器请求后,回调函数 var ids = jQuery("#list").jqGrid('getDataIDs'); for (var i = 0; i < ids.length; i++) { var cl = ids[i]; me = "<a href='#' style='height:22px;width:40px; cursor: pointer;padding:3px' type='button' class='modify_inline' onclick='modify_user_inf(" + cl + ")'><i class='iconfont ' style='color:#5ed46c;font-size:18px' title='修改用户'></i></a>"; de = "<span style='height:22px;width:40px; cursor: pointer;padding:3px' type='button' class='delete_inline'><i class='iconfont' style='color:#ff9d2a;font-size:18px' title='删除用户'></i></span>"; re = "<span style='height:22px;width:40px; cursor: pointer;padding:3px' type='button' class='delete_inline'><i class='iconfont' style='color:#5ed46c;font-size:18px' title='重置密码'></i></span>"; jQuery("#list").jqGrid('setRowData', ids[i], { act: me + de + re }); /*var modify = $(".modify_inline"); if (modify) modify.bind("click", function() { console(ids[i]) $(this).trigger("click"); })*/ } } },

记住modify_user_inf函数必须放到最外层,不然就会出现未定义的错误

  

posted @ 2015-10-15 15:47  默默到来  阅读(1548)  评论(0)    收藏  举报