[Solved] Grid row expand collapse on row selection

[Srikanth]

Hi,

I want to expand/collapse the row details on row selection too. I got the expanding working. However for collapsing is there a way to check the row state(expanded/collapsed).
My client side event handler for row selection is as follows

function onRowSelected(e) {
        var grid = $(e.target).data('tGrid');
        grid.expandRow(e.row);
    }

Can you please let me know how to collapse the row if it was expanded already ??

thanks in advance,
Srikanth.

[Petur Subev]

Hello Srikanth,

You can use the following approach to check if the detail-row is expanded:

function onRowSelect(e) {
            var grid = $(e.target).data('tGrid');

            if (!$(e.row).next().is('.t-detail-row:visible')) {
                grid.expandRow(e.row);
            }
            else {
                grid.collapseRow(e.row);
            }
        }

I hope this helps.

Greetings,
Petur Subev
the Telerik team

[Atith]

Hi,

I want the detailview event to be fired based on the specific condition,

e.g. if quantity>10 then only fire detailview event orelse hide the detailview event and disable that master grid complete Row.

Can anyone please let me know how to work on such requirement...please reply... ??