Update

The most recent version of this plugin can be found on GitHub. For a list of the most recent changes and bug fixes, see the changelog.

Original Post:

I've recently started working on a new app using Sencha Touch and wanted to implement a side navigation menu much like in the Facebook mobile app.

Screen Shot 2012-01-12 at 3.55.59 PM.jpg

I've managed to create a simple version of it by subclassing Ext.Container and adding in some custom items, like a store to hold the list items and a container to hold the actual content. To access the menu, simply slide (drag) from left to right across the main panel (the reverse action hides it). I'd love to find a way to get slide animations working with the hide/show function of the list, but I'm kind of stumped on how to do that right now. If anyone is interested, I've put what I have online: https://github.com/wnielson/sencha-SlideNavigation. If anyone also has any ideas on adding the animation or improving the code, I'm all ears.