Error when adding accordion data dynamically

Thread ID:	Created:	Updated:	Platform:	Replies:
143771	Apr 4,2019 01:37 PM UTC	Apr 5,2019 09:25 AM UTC	React - EJ 2	1

Subscribe to this post

Tags: Accordion

Rikard Schouwstra

Asked On April 4, 2019 01:37 PM UTC

When using the following:

let accordionObj: Accordion = new Accordion({
    items: [
        { header: 'Accordion Header', content: 'Accordion Content' },
        { header: 'Accordion Header', content: 'Accordion Content' },
        { header: 'Accordion Header', content: 'Accordion Content' }
        ]
});
accordionObj.appendTo('#toDoAccordion');

I get the following issues: The accordion header gets darker each time I click until it is no longer visible. I also get TypeError: Cannot read property 'content' of undefined, in console. Any help would appreciated

Regards

Attachment: Screenshot_20190404_at_15.36.50_21ef0411.zip

Reply | Reply with quote

Karthigeyan Krishnamurthi [Syncfusion]

Replied On April 5, 2019 09:25 AM UTC

Hi Rikard,

Greetings from Syncfusion.

We have prepared the sample to dynamically add the Accordion item and kindly refer the below API link.

https://stackblitz.com/edit/react-neghe1?file=index.js

https://ej2.syncfusion.com/javascript/documentation/api/accordion/#additem

onChange() {

this.acrdnInstance.addItem({

content: ' JavaScript (JS) is an interpreted computer programming language. ',

header: ' JavaScript '

});

}

Regards,

Karthi

Reply | Reply with quote

CONTACT US

Error when adding accordion data dynamically

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US