I am using jqxGrid as shown as below
createGrid = function (data) {
var source = {
datatype: “json”,
datafields: [
{ name: ‘ProfileID’ }
],
localdata: data
};
The grid has selection mode ‘singlerow’.
For row select I have code like below
$(‘#jqxgrid’).on(‘rowselect’, function (event) {
var selectedRowIndex = $(“# jqxgrid'”).jqxGrid(‘selectedrowindex’);
var selectedRow = $(“# jqxgrid'”).jqxGrid(‘getboundrows’)[selectedRowIndex];
var displayedRows = $(“# jqxgrid'”).jqxGrid(‘getdisplayrows’);
var rowVisibleIndex = -1;
for (var i = 0; i < displayedRows.length; i++) {
if (displayedRows[i].uid === selectedRow.uid) {
rowVisibleIndex = i;
break;
}
}
var rows = $(‘# jqxgrid’).jqxGrid(‘getrows’);
$(‘#totCountExistingProfile’).text(rows.length);
$(‘#selectRowIndexExistingProfile’).text((rowVisibleIndex + 1));
$(‘#ofExistingProfile’).text(‘ of ‘);
});
But after sort it is returning old index. But if I use selection mode ‘multiplerowsextended’ it is returning new index after sort. Please let me know what should I do for selection mode ‘singlerow’ for getting new index after sort?