单击时获取行的 ID

Question

伙计们，我正在使用 jqgrid ...我只想在不先选择整行的情况下单击图像来获取行的 ID。这是我的代码

<script type="text/javascript"> 
    
$(document).ready(function() {
  $("#jqGrid").jqGrid({
    url: 'data.json',
    datatype: "json",
    styleUI: "Bootstrap",
    colModel: [{
        label: 'Order ID',
        name: 'OrderID',
        key: true,
        width: 75,
        hidden: true
    }, {
        label: 'From Date',
        name: 'FromDate',
        width: 150,
        editable: true,
        edittype: "text",
        id: "ui-datepicker-div",
        editoptions: {
            dataInit: function(element) {
                $(element).datepicker({
                    autoclose: true,
                    format: 'yyyy-mm-dd',
                    orientation: 'auto bottom'
                });
            },

        },
    }, {
        label: 'To Date',
        name: 'ToDate',
        width: 150,
        editable: true,
        edittype: "text",
        editoptions: {
            dataInit: function(element) {
                $(element).datepicker({
                    autoclose: true,
                    format: 'yyyy-mm-dd',
                    orientation: 'auto bottom'
                });
            },

        },
    }, {
        label: 'Customer ID',
        name: 'CustomerID',
        width: 150
    }, {
        label: 'Ship Name',
        name: 'ShipName',
        width: 200
    }, {
        label: 'Row Data',
        name: 'RowData',
        align: 'center',
        formatter: function() {
            return "<img src='resources/icon.jpg' onclick='OpenDialog()' alt='Data Row' />";
            width = 15;
        }
    }, ],
    loadonce: true,
    ......
});

});

...........

function OpenDialog() {
var result = "";
var grid = $("#jqGrid");
var rowKey = grid.getGridParam("selrow");
rowData = grid.getLocalRow(rowKey);
for (var item in rowData) {
    if (item == 'RowData') {
        break;
    }
    result += rowData[item] + ', ';
}
alert(result);

}

任何帮助请如何在仅单击图像时获取行的 ID ??..非常感谢..在此先感谢

Answer 1

使用这个 html:

onclick='OpenDialog(this)'

并在 OpenDialog 中使用最接近的 jquery 方法：

function OpenDialog(element) {
   var id = $(element).closest('tr').attr('id');
   ...
}

单击时获取行的 ID

get id of the row on click

javascript

jquery

jqgrid