Databind

[jaime]

How to bind the data in accordion.I want to create a accordion with items dynamically and add controls dynamically from database, there anyway to do this?

[Keerthana Rajendran]

Hi Jaime, 

 

Thank you for contacting Syncfusion support 

 

We have prepared a sample in Accordion. In order to add items dynamically to accordion we suggest you to use addItem method of Accordion 

 

@Html.EJ().Button("button1").ClientSideEvents(e => e.Click("OnChange")).Text("Add Item"); 

 

function OnChange() 

        { 

           

            var TermDetailContent = [{ "ID": "Header1", "Description": "Content1" }]; 

            var accObj = $("#contentAccordion").data("ejAccordion"); 

            

            for (var j = 0; j < TermDetailContent.length; j++) { 

                        

                 var item = TermDetailContent[j]; 

                 accObj.addItem(item.ID, item.Description, j); 

                            } 

            } 

 

Sample Link: Sample2015534317.zip 

 

UG Link: https://help.syncfusion.com/api/js/ejaccordion#methods:additem 

 

Online demo Link: https://mvc.syncfusion.com/demos/web/accordion/default 

 

 

Regards, 

Keerthana. 

[jaime]

Thanks a lot for the example

Regards

[Keerthana Rajendran]

Hi Jaime, 

 

Thanks for your update. Please get back to us if you require any further assistance on this. We will be happy to assist you 

 

Regards, 

Keerthana.