通过自定义删除按钮jqgrid删除行 [英] remove row by custom delete button jqgrid
本文介绍了通过自定义删除按钮jqgrid删除行的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想使用自定义删除按钮删除行.我正在使用下面的代码段:
I want to delete rows using a custom delete button. I am using the code snippet below:
var cellValue;
var id;
$gvRoleDetails = jQuery("#gvRoleDetails");
$gvRoleDetails.jqGrid({
datatype: 'local',
colNames: ['Role', 'Module', 'Function', 'AppRoleID', 'AppID', 'AppModuleID', 'AppFncID', 'PermCreate', 'PermEdit', 'PermView', 'PermDelete', 'PermAuth', 'PermCancel','RoleOrgID','Remove'],
onSelectRow: function (id) {
var rowData = jQuery(this).getRowData(id);
cellValue = rowData['AppFncID'];
},
colModel: [
{ name: 'Role', index: 'Role', width: 200 },
{ name: 'Module', index: 'Module', width: 200 },
{ name: 'Function', index: 'Function', width: 200 },
{ name: 'AppRoleID', index: 'AppRoleID', hidden: true },
{ name: 'AppID', index: 'AppID', hidden: true },
{ name: 'AppModuleID', index: 'AppModuleID', hidden: true },
{ name: 'AppFncID', index: 'AppFncID', hidden: true, key: true },
{ name: 'PermCreate', index: 'PermCreate', hidden: true },
{ name: 'PermEdit', index: 'PermEdit', hidden: true },
{ name: 'PermView', index: 'PermView', hidden: true },
{ name: 'PermDelete', index: 'PermDelete', hidden: true },
{ name: 'PermAuth', index: 'PermAuth', hidden: true },
{ name: 'PermCancel', index: 'PermCancel', hidden: true },
{ name: 'RoleOrgID', index: 'RoleOrgID', hidden: true },
{
name: 'Remove', index: 'AppFncID', sortable: false,
formatter: function (rowId, cellval, colpos, rwdat, _act) {
var rowInterviewId = colpos.AppFncID.toString();
return '<input type="button" id="' + rowInterviewId + '" value="Remove" class="btn" onClick = "RemoveData(this)" />';
}
}
],
rowNum: 10,
gridview: true,
autoencode: true,
height: "auto",
pager: '#jQGridDemoPager',
sortname: "Role",
multiselect: false,
viewrecords: true,
sortorder: "desc",
});
RemoveData函数用于传递选定的行值以进行删除:
The RemoveData function uses to pass the selected row value for deletion:
function RemoveData(rowData) {
alert(rowData);
}
如何通过函数RemoveData(rowData)使用相同的结构删除行?
How can I use the same structure to delete the rows by using function RemoveData(rowData)?
推荐答案
在rowid变量中赋值后,我已传递rowData.id进行删除,然后运行良好.
I have pass rowData.id for remove after assign in rowid variable then it worked well.
function RemoveData(rowData) {
var rowid = rowData.id;
var su = $('#gvRoleDetails').jqGrid('delRowData', rowid);
$('#gvRoleDetails').trigger('reloadGrid');
}
这篇关于通过自定义删除按钮jqgrid删除行的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文