Expand DetailTables on RowClick

[Raulis]

I've got a Grid which holds quite a few columns of information.The first column of each row is a button with a unique ID that, when clicked, expands the DetailTables with relevant information to the row. The button executes the following command: CommandName="expandCollapse" .

 

How can I make it so that whenever I click a row it would expand the DetailTables? Any help would be much appreciated. 

[Viktor Tachev]

Hi,

You can use the client-side OnRowClick event and manually expand the item. For that you can use the fireCommand() method.

• http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/client-side-programming/events/onrowclick
• http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/client-side-programming/gridtableview-object/methods/firecommand

function rowClick(sender, args) {
    var grid = sender;
    var masterTable = grid.get_masterTableView();
    var itemIndex = parseInt(args.get_itemIndexHierarchical());

    masterTable.fireCommand("ExpandCollapse", itemIndex);

}

Regards,
Viktor Tachev
Telerik by Progress