CODEWITHSUNDEEP
javascriptjqueryjqgrid
dina osama
dina osama

Reputation: 117

get id of the row on click

guys i am using jqgrid ... i want to get id of the row upon clicking on the image only without selecting the whole row first .. here is my code

<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);

}

any help please how to get id of row upon only clicking on the image ??.. thanks a lot .. thanks in advance

Upvotes: 1

Views: 438

Answers (1)

jcubic
jcubic

Reputation: 66478

use this html:

onclick='OpenDialog(this)'

and in OpenDialog use closest jquery method:

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

Upvotes: 1

Related Questions