[Solved] RowSelected with Groups

[MGrassman]

I have the following function that works fine when grouping is turned off.

function gridLocationTypes_onRowSelected(e) {
            var grid = $(e.row).parents('.t-grid').data('tGrid');
            var data = grid.data[$(grid.$tbody[0].rows).index(e.row)];
            var id;
            //for (x in grid.dataKeys)
            var marketId = data['MarketId'];
            var parentZoneId = data['ParentZoneId'];
            var zoneName = data['ZoneName'];
            
            $("#Zone_MarketId").data('tComboBox').value(marketId);
            //$("#Zone_ParentZoneId").data('tComboBox').value(parentZoneId);
            $('#Zone_Name').val(zoneName);
            BindParentZoneComboBox(marketId, parentZoneId);
        }

When grouping is turned on it counts the group headers as a row so if there are 2 groups the last two items in teh grid don't works when selected.

Any suggestions?

[Georgi Krustev]

Hello MGrassman,

You can use dataItem() method, which will get the correct data item:

function gridLocationTypes_onRowSelected(e) {
            var grid = $(e.row).parents('.t-grid').data('tGrid');
            var data = grid.dataItem(e.row);
            var id;
...

Greetings,
Georgi Krustev
the Telerik team