In Sencha-touch, how can I make a form popup when a user clicks on an item in a list?

Question

In Sencha-touch, how can I make a form popup when a user clicks on an item in a list?

Solution 1

I would attach a listener to the 'itemtap' or 'itemdoubletap' events within your Ext.List instance which triggers the display of your form. That's off the top of my head as I haven't touched (rimshot) Sencha Touch since before it came out of beta.

http://dev.sencha.com/deploy/touch/docs/?class=Ext.List

Solution 2

You might want to explore disclosures, which place an arrow on the list item for the user to click, or as Wilhelm says, attach to a regular tap or selection event.

For 'modal' popups, simply create a panel with floating:true. See the docs at http://dev.sencha.com/deploy/touch/docs/?class=Ext.Panel and the examples in the User Interface / Overlays section of http://dev.sencha.com/deploy/touch/examples/kitchensink/

Comments

[herohuyongtao]

You should summarize the basic ideas/steps involved, so that this answer is self-contained. Link-only answers should be avoided on SO.