单击时获取行的 ID

get id of the row on click

本文关键字:ID 获取 单击      更新时间:2023-09-26

>伙计们,我正在使用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 ??..非常感谢.. 提前感谢

请使用以下 html:

onclick='OpenDialog(this)'

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

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