We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Details on select

Thread ID:

Created:

Updated:

Platform:

Replies:

131335 Jul 5,2017 12:55 PM UTC Jul 7,2017 04:26 AM UTC ASP.NET Web Forms 3
loading
Tags: Grid
Carsten Wuttke
Asked On July 5, 2017 12:55 PM UTC

Hello,

how can I achieve, that the row details are expanded/collapsed on row selection?

Saravanan Arunachalam [Syncfusion]
Replied On July 6, 2017 10:00 AM UTC

Hi Carsten, 
Thanks for contacting Syncfusion’s support. 
We have achieved your requirement by using RowSelected event and expandCollapse method of Grid control. Please refer to the below code example and also refer to the below api reference link. 
<ej:Grid ID="FlatGrid" runat="server" AllowPaging="True"> 
       <ClientSideEvents RowSelected="onRowSelected" /> 
           . . . 
</ej:Grid> 
         <script type="text/javascript"> 
             function onRowSelected(args) { 
                 //Expand or collapse the detail row based on the state of detail row. 
                 var tr = $(args.row); 
                 //To expand the detail row 
                 this.expandCollapse(tr.find("td.e-detailrowcollapse")); 
                 //To collapse the detail row 
                 this.expandCollapse(tr.find("td.e-detailrowexpand")); 
             } 
         </script> 
 
Regards, 
Saravanan A. 


Carsten Wuttke
Replied On July 6, 2017 10:06 AM UTC

Thx Saravana. Works like a charm.


Saravanan Arunachalam [Syncfusion]
Replied On July 7, 2017 04:26 AM UTC

Hi Carsten,  
Thanks for your update.            
We are happy that the provided information helped you. 
Regards, 
Saravanan A. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;