jqGrid:向编辑表单添加删除按钮
我是jqGrid的新手。我需要在编辑表单中添加一个删除按钮。我可以添加按钮,它会按预期显示,包括确认对话框,但按下后我不确定如何引用原始行id:jqGrid:向编辑表单添加删除按钮,jqgrid,Jqgrid,我是jqGrid的新手。我需要在编辑表单中添加一个删除按钮。我可以添加按钮,它会按预期显示,包括确认对话框,但按下后我不确定如何引用原始行id: // Add a Delete button in Edit form: $.extend($.jgrid.edit, { bSubmit: "Submit", bCancel: "Cancel", width: 370, recreateForm: true, b
// Add a Delete button in Edit form:
$.extend($.jgrid.edit, {
bSubmit: "Submit",
bCancel: "Cancel",
width: 370,
recreateForm: true,
beforeShowForm: function () {
$('<a href="#">Delete<span class="ui-icon ui-icon-circle-close"></span></a>')
.click(function() {
if(confirm("Are you sure you want to delete this record?")) {
$("#projectList").jqGrid('delGridRow', row_id);
}
}).addClass("fm-button ui-state-default ui-corner-all fm-button-icon-left")
.prependTo("#Act_Buttons>td.EditButton");
}
});
//在编辑表单中添加删除按钮:
$.extend($.jgrid.edit{
b提交:“提交”,
取消:“取消”,
宽度:370,
再现形式:正确,
beforeShowForm:函数(){
$('')
。单击(函数(){
如果(确认(“您确定要删除此记录吗?”)){
$(“#项目列表”).jqGrid('delGridRow',row_id);
}
}).addClass(“fm按钮ui状态默认ui角所有fm按钮图标左侧”)
.prependTo(“#Act_Buttons>td.EditButton”);
}
});
上述代码中的行\u id未定义。。如何从代码中的这个位置引用当前选定行的id?上面的函数目前与其他主要的jqGrid函数并行,例如$(“#projectList”).jqGrid({..})。或者更好,我如何从这里连接到默认的jqGrid delete函数?
谢谢大家! 若要在ShowForm之前获取编辑行的rowid,您可以利用编辑表单中有一些隐藏行的事实,这些行包含对您有帮助的信息。“添加/编辑”对话框的隐藏行中有id为=“id\u g”的输入字段。输入字段包含编辑行的id。“添加”对话框包含字段中的空字符串 因此,您可以在ShowForm回调之前修改
beforeShowForm:函数(){
var row_id=$(“#id_g”).val();
...
}
或以下
beforeShowForm:函数($form){
var row_id=$(“#id_g”,$form).val(),$self=$(this);
...
$self.jqGrid('delGridRow',row_id);
...
}
它很管用,非常感谢Oleg!不过还有一个小问题:确认对话框现在出现在表单对话框后面。我怎样才能改变这个?beforeShowForm:function(){var row_id=$(“#id_g”).val();$('')。单击(function(){$(“#projectList”).jqGrid('delGridRow',row_id,{mtype:'DELETE“})。addClass(“fm按钮ui状态默认ui角所有fm按钮图标左侧”)。prependTo(“#Act_Buttons>td.EditButton”);}@user2309409:我不确定您指的是哪个确认对话框。通常,您可以使用option来更改编辑表单的位置。您还可以更改$.jgrid.jqModal
的zIndex
属性的值,或者使用navGrid
的alertzIndex
选项,您可以根据$.jgrid.nav
进行设置。zIndex没有他说:)非常感谢你,奥列格。你在支持jqGrid社区方面做得非常出色!