How to create alphabetical based list as Sencha touch grouped list but in jQuery?

Question

I'm trying to create an alphabetical list group for a mobile app which should be as contact list app in iOS, but I need the behavior to be "ontouchstart" instead of "onclick", the best preview i could find was using Sencha Touch 2, but I'm trying to do it in jQuery, can anyone help me?

this is an example (choose grouped). http://dev.sencha.com/deploy/touch/examples/production/kitchensink/index.html?deviceType=Phone#demo/list

Answer 1

You can use data-autodividers="true"

Check here http://view.jquerymobile.com/1.3.1/dist/demos/widgets/listviews/

DEMO http://jsfiddle.net/yeyene/5kfnT/6/

You can also use data-filter-reveal="true" to hide or show.

For A-to-Z list navi bar

I am not sure you can use with this plugin + JQM or not.

Check here http://devgrow.com/slidernav-jquery-plugin/

Author page http://devgrow.com/slidernav/