javascript - JQGrid : How to get Selected Row ID of Custom "Delete" column

Question

我跟进JQGrid page的示例代码(选择导航器“行编辑(新)”=> 左侧的“自定义编辑”)。我尝试显示“删除”列，并且还在 JQGrid 页面上跟踪以下脚本(选择左侧的导航器“实时数据操作”=>“删除行”)。

$("#dedata").click(function(){
    var gr = jQuery("#delgrid").jqGrid('getGridParam','selrow');
    if( gr != null ) jQuery("#delgrid").jqGrid('delGridRow',gr,{reloadAfterSubmit:false});
    else alert("Please Select Row to delete!");
});

我的问题是，gr 没有返回row_id 值。您知道如何获取选定的行 ID 吗？

这是我的 JQGrid 脚本:

$("#UserListGrid").jqGrid({
    ... //Some above jqGrid options 
    /* Fill in column "Delete" */ 
    gridComplete: function () {
        var ids = jQuery("#UserListGrid").jqGrid('getDataIDs');
        for (var i = 0; i < ids.length; i++) {
            var cl = ids[i];
            de = "<input style='height:22px;width:50px;' type='button' value='Delete' onclick=\"JQGridRemoveSelectedRow('UserListGrid');\" />";
            jQuery("#UserListGrid").jqGrid('setRowData', ids[i], {
                act: de
            });
        }
    }
});

function JQGridRemoveSelectedRow(JQGridID) {
    var gr = jQuery("#" + JQGridID).jqGrid('getGridParam', 'selrow');

    alert(gr);
    /* if (gr != null) jQuery("#" + JQGridID).jqGrid('delGridRow', gr, { reloadAfterSubmit: false });
    else alert("Please Select Row to delete!");*/
    if (gr != null)
        alert(gr );
    else
        alert("Please Select Row to delete!");
}

我尝试查看 gr，它返回值 jqg1 、 jqg2 、 jqg3 但我想获取选定的 Row_Id。

Answer 1

首先是值 jqg1 , jqg2 , jqg3确实是 rowids 和 jQuery("#delgrid").jqGrid('getGridParam','selrow')返回正确的值。 rowid 根据定义为 id 的值网格相应行上的属性(id 元素的 <tr>)。 jqGrid 总是为每一行分配 id 属性。请参阅the picture 。如果您使用本地数据，则delGridRow将毫无问题地删除该行。

您写道您想使用Email作为 rowid。值来自 Email唯一(不能有两行具有相同的电子邮件)？您可以更改代码以通知 jqGrid 使用 Email 中的值列作为 rowid。为此，您只需添加 key: true Email 定义中的属性colModel栏目.

或者，您可以扩展从服务器返回的 JSON 数据并包含 id其属性(property)。您可以使用 id 的值属性用户的电子邮件或您在后端使用的数据库相应表中的 UserId。您可以自由定义哪些信息(哪些值)可以更好地识别用户。