auto expand accordian extjs - ExtJS Accordion panel expand/collapse on mouseover event

ExtJS Accordion panel expand/collapse on mouseover event

Posted on

auto expand accordian extjs - ExtJS Accordion panel expand/collapse on mouseover event

Accordion structure is broadly used ExtJS parts due to its capability to show a number of panels in accordion one over one other. An accordion structure is a structure that manages a number of Panels in an expandable accordion model such that by default just one Panel may be expanded at any given time. Every Panel has built-in help for increasing and collapsing.

To broaden/ collapse Panels consumer have to click on on icon accessible on proper aspect of the header. Let’s see how can we broaden collapse panels on ‘mouseover’ occasion on Panel.

First create your personal Panel by extending ExtJS’s panel and add following code on ‘afterrender’ occasion to help computerized broaden/collapse on mouseover/mouseout occasion. I’m utilizing Ext.defer technique to deplay expantion by 1 second.

Now create a container Panel with accordion structure and add above panel as a baby gadgets.

Supply techzoo.org