jqGrid:向编辑表单添加删除按钮

jqGrid:向编辑表单添加删除按钮,jqgrid,Jqgrid,我是jqGrid的新手。我需要在编辑表单中添加一个删除按钮。我可以添加按钮,它会按预期显示,包括确认对话框,但按下后我不确定如何引用原始行id: // Add a Delete button in Edit form: $.extend($.jgrid.edit, { bSubmit: "Submit", bCancel: "Cancel", width: 370, recreateForm: true, b

我是jqGrid的新手。我需要在编辑表单中添加一个删除按钮。我可以添加按钮,它会按预期显示,包括确认对话框,但按下后我不确定如何引用原始行id:

// 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社区方面做得非常出色!