Expand the first row initially using MVC + Server Binding

[Ian]

I have a Hierarchical grid that is bound to the server and is in MVC  (.DataSource(d => d.Server()))  

When the grid first loads I'd like the grid to expand the first row by default so the detail view is showing.

Can this be done without Javascript (preferred) or in Javascript if needed.

[Petur Subev]

Hello Ian,

If JavaScript is not enabled for the browser the DetailViews cannot be opened by the end user. The JavaScript that you will need to make the first enabled is as follows:

@model IEnumerable<Kendo.Mvc.Examples.Models.Product>

@(Html.Kendo().Grid(Model)
    .Name("Grid")
    .Columns(columns => {
        columns.Bound(p => p.ProductID).Groupable(false);
        columns.Bound(p => p.ProductName);
        columns.Bound(p => p.UnitPrice);
        columns.Bound(p => p.UnitsInStock);
    })
    .DetailTemplate(@<text>
        This should be expanded
    </text>)
    .Pageable()
    .Sortable()
    .Scrollable()
    .Filterable()
    .Groupable()
)


<script type="text/javascript">
    $(function () {
        $('#Grid').data('kendoGrid').expandRow($('#Grid tbody>tr:first'));
    })
</script>

Kind Regards,
Petur Subev
Telerik