Having trouble getting help?
Contact Support
Contact Support
Server side events
10 May 20172 minutes to read
Event Name | Description | Parameters |
---|---|---|
OnAccordionPaneClick | Event is triggered when the accordion pane is clicked. | (Object Sender, AccordionEventArgs e)Values passed in argument are as below,ActiveIndex - to get the activated pane indexEventType - returns the event name |
The following steps explains you on how to define server side event for an Accordion control.
In an ASPX page, define the Accordion control and add the contents correspondingly.
<div style="width: 400px;">
<ej:Accordion ID="BasicAccordion" runat="server" OnAccordionPaneClick="BasicAccordion_AccordionPaneClick">
<Items>
<ej:AccordionItem Text="Orubase">
<ContentSection>
Orubase is the only mobile application development Framework built especially for developing complex line-of-business mobile applications targeting iOS, Android, and Windows Phone platforms in the shortest possible time frame.
</ContentSection>
</ej:AccordionItem>
<ej:AccordionItem Text="WinRT XAML">
<ContentSection>
Essential Studio for WinRT contains all the controls you need to build line-of-business tablet applications including grid, chart, map, tree map, SSRS report viewer, rich-text editor, PDF viewer, gauges, barcode, editors, and much more. It also includes a unique set of controls for reading and writing Excel, Word, and PDF documents in Windows store apps.
</ContentSection>
</ej:AccordionItem>
<ej:AccordionItem Text="Metro Studio">
<ContentSection>
Syncfusion Metro Studio is a collection of over 2500 Metro-style icon templates that can be easily customized to create thousands of unique Metro icons.
</ContentSection>
</ej:AccordionItem>
</Items>
</ej:Accordion>
</div>
In the code behind, define the action to be performed under the Accordion pane click event.
protected void BasicAccordion_AccordionPaneClick(object sender, Syncfusion.JavaScript.Web.AccordionEventArgs e)
{
// e.ActiveIndex - to get the activated pane index
// e.EventType - returns the event name
}