SHINOBU KAWANO JavaScript / UX Design / Sencha Web Techinologies

Ext.ux.AccordionList 1.1 - New features, Sencha Architect, Siesta, and More!


Howdy! I released new version of Ext.ux.AccordionList. It contains new features, integration into Sencha Architect, Siesta testing, and more! I introduce couple of them.

New features

Thanks to my friends, new features that I added was requested by this component users. Maybe they looks not special but AccordionList couldn’t do and I had a little bit effort to added these features.

Paging and Pull Refresh

With ListPaging plugin and PullRefresh plugin helps, AccordionList is able to do it. Please set plugin config of listConfig config to use it.


Bind Component

You can bind any component into items of AccordionList. If you want to do it, you should use Ext.ux.AccordionListItem and define headerDataMap config and contentDataMap config.


Grouping and Index Bar

Grouping items and indexed it. Use indexBar config. NOTICE: Sort of Tree store would takes strong costs.. Now I’m fixing this problem.



Indent by it’s own depth. If indent config is true, AccordionList will indent items automatically.

Integrate into Sencha Architect

Sometimes I was asked from users, “Do you know how integrate your custom control into the Sencha Architect?”, Now I can say “Of course, It’s possible!”. I added some config to integrate into Sencha Architect. (Thanks to new feature of Architect 3. I really appreciate it:)).

If you want to use AccordionList with Architect, please install Ext.ux.AccordionList.aux file of architect directory. Then you will find this component at Toolbox section. Please drag component to design area, that’s all.

AccordionList creates list instance dynamically, so you cannot see the preview, but able to define some config by config section.


Testing with Siesta

I changed test tool, Jasmine to Siesta. Siesta is great tool, actually I fell in love to it. I haven’t use full of feature of it yet, but Siesta is able to speak Sencha that is a great attractive point for me. I want to continue to use it.

To run the test, install this project into where the web server can serve your apps, and access to http://localhost/Ext.ux.AccordionList/tests from browser.


And More!

Also I upgraded support library, Touch 2.3.1 and Sencah Cmd 4.0.1 and fixed some of bugs.

Now, you can download this component from Sencha Market or GitHub repository.

Ext.ux.AccordionList at Sencah Market:

Ext.ux.AccordionList at GitHub repository:

I hope this component will help you. Cheers :)