SHINOBU KAWANO JavaScript / UX Design / Sencha Web Techinologies

Ext.ux.AccordionList 1.0

The other day, I released Ext.ux.AccordionList. Ext.ux.AccordionList is Sencha Touch’s custom component which I created. It’s able to collapse or expand items by tapped, thanks to Ext.data.TreeStore.

Also I created the API documentation, Jasmine and Phamtomjs based unit test.

Documentation page is here:

http://docs.shinobukawano.com/touch/#!/api/Ext.ux.AccordionList

Do you notice that it’s using live preview with phone ui? This feature seems specific hack for Sencha Touch. If you want to use it, configure –touch-examples-ui option when you build the document.

Thanks for Phamtomjs, unit test could run on terminal.

It’s named Version 1.0 because I’ve finished tasks I wanted to. Other changes is following.

  • Update for Sencha Touch 2.2
  • Refactoring code
  • Add some utility config (headerItemCls, contentItemCls, useSelectedHighlights)
  • Add new example

Interested? I’m happy if you try the live demo and use it ;)

Live Demo:

http://docs.shinobukawano.com/accordionlist

Repository:

https://github.com/shinobukawano/Ext.ux.AccordionList

Sencha Market:

https://market.sencha.com/extensions/ext-ux-accordionlist