[Solved] Expand detailview on row select?

[Jake]

Is it possible to expand the detailview for a row when the row is selected vs. having to display/click the "+/-" column?  From a usability standpoint, it would be easier for the user to click anywhere on a row to expand it vs. having to use the "+/-" button.

Thanks for any info!

[Rosen]

Hi Jake,

You may achieve similar functionality by using grid's collapseRow/expandRow methods:

function grid_rowSelect(e) {
    var grid = $(this).data('tGrid'),
        row = $(e.row);

    if (row.next(".t-detail-row").is(":visible")) {
        grid.collapseRow(row);
    } else {
        grid.expandRow(row);
    }
}

Regards,
Rosen
the Telerik team

[Jake]

Thanks that works great!

Next question is how does one hide the "+/-" column that appears by default when a detailview is defined for a grid?

My apologies for asking if this information is available somewhere else.  The documentation on the MVC controls is not quite as extensive as the ASP.NET AJAX set of controls (which is understandable...for now :-)

[Atanas Korchev]

Hello Jake,

 You can hide the icons via the following CSS:

.t-grid .t-hierarchy-cell .t-icon
{
   display: none;
}

Regards,

Atanas Korchev
the Telerik team