jqxgrid rowselect event not triggering

Question

I am trying to get the row data when the user checks the tick on the row checkbox.

$('#jqxgrid').on('rowselect', function (event) {
        var rowIndex = $('#grid').jqxGrid('getselectedrowindexes'),
            rowdata;

        rowdata = $("#grid").jqxGrid('getrowdata', rowIndex);
        selectedRows.append(rowData);
        alert("Row with bound index: " + rowIndex + " has been selected");
    });

I also tried .bind instead of .on but both are not working.

Answer 1

This one should work:

$('#jqxgrid').on('rowclick', function (event) {
    var row = event.args.rowindex;
    var datarow = $("#jqxgrid").jqxGrid('getrowdata', row);    
    alert("Row index: " + event.args.rowindex +" has been clicked.");
    //alert(datarow.first + ' ### ' + datarow.second + ' ### ' + datarow.third)
 });