Column index tree grid

[lenayktParticipant]

Hi everyone,

Is there any method to get column number on row click? I am trying to simulate cell click event with:

$(‘#treeGrid’).on(‘click’, ‘td’, function(){
$(this).removeClass(‘jqx-grid-cell-selected’);
}).

I know it is not a good way of doing it but I have no another ideas at the moment…
I use conditional formatting for my cells exactly as shown in demo. so when I click on td it removes that jqx class. And if I click on another cell in the same row it adds back removed class in the previously selected cell and removes from currently selected cell. I have also 4 buttons next/previous cell and row. So my question is how to get selected with mouse cell index when I click on next/prev cell? I tried to do it with a global variable but so far no luck…

[ivailoParticipant]

Hi lenaykt,

You can get info about clicked column with rowClick event:

$('#treeGrid').on('rowClick', 
function (event)
{
    // event args.
    var args = event.args;
    // row data.
    var row = args.row;
    // row key.
    var key = args.key;
    // data field
    var dataField = args.dataField;
    // original click event.
    var clickEvent = args.originalEvent;
});

You can get selected rows with getSelection:

var selection = $("#table").jqxTreeGrid('getSelection');
for (var i = 0; i < selection.length; i++) {
    // get a selected row.
	var rowData = selection[i];
}

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[lenayktParticipant]

Hi ivailo, thanks.

Yes, you can get it with the originalEvent. My question is how can I get already selected row column’s value?

$('#nextCellButton').on('click',function(){
  var selectedItem = $('treeGrid').jqxTreeGrid('getSelection');
  var selectedRow =  $('treeGrid').jqxTreeGrid('getRow',selectedItem[0].ID);
  var selectedCell = ??
});

Regards,
lenaykt.

[lenayktParticipant]

I found my mistake. The issue is solved.

Thanks,
Elena.

[Author]

Posts