[Solved] Hide Grid Row

[Biju]

How can i hide all the grid row except which i selected.

Html.Telerik().Grid(Model)
            .Name("grdRecipients")
            .HtmlAttributes(new { style = "" })
           .Columns(columns =>
            {
                columns.Bound(o => o.RecipientID).Title(Resources.Recipients.FieldLabel_RecipientId);
                columns.Bound(o => o.FirstName).Title(Resources.Recipients.FieldLabel_FirstName);
                columns.Bound(o => o.DateofBirth).Format("{0:MM/dd/yyyy}").Title(Resources.Recipients.FieldLabel_DOB);
            })
            .ClientEvents(events => events.OnDetailViewExpand(() =>
           {
                %>
                function(e) {
                    //edit handling code
                    ///   ?????
                }
                <%
           }))

I would like to have client side script to hide the row.

[Petur Subev]

Hello Biju,

To hide all the other rows except the one which detail view is expanded you can use the following JavaScript in your OnDetailViewExpand handler function:

$(e.masterRow).siblings().hide();

All the best,
Petur Subev
the Telerik team

[Biju]

Thanks it works.  Do you have any document?

[Petur Subev]

Hello Biju,


The Client API and events documentation for the Grid can be found here.


Kind regards,
Petur Subev
the Telerik team