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.
Unfortunately, activation email could not send to your email. Please try again.

Details on select

Thread ID:

Created:

Updated:

Platform:

Replies:

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

Hello,

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

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

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 06:06 AM

Thx Saravana. Works like a charm.


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

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.

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.

;