List Item Delete similar to Database Settings in Iphone and Ipad (Safari)

[tomalex0]

Hi,

I tried to recreate a feature that i came across in Iphone. Most of us have seen Database Section in Iphone (Under Safari).
Settings->Safari->Databases
I liked the way items are deleted and rotating image.
So i just played with Anims and List.


Here are some screen shots, which gives all an idea of how this component looks.

1.png 2.png


3.png 4.png

***Still need some changes in overall code.***

Notes.

1. We can position Delete Enable Button either left or right.
2. Currently just the Dom items are Removed while deleting. When Done is pressed records are deleted from Store.
3. Works with Grouped and Normal List.

As always hope it will be helpful for someone

I have attached source code with this thread

Compatible with sencha-touch 1.0.1

[steve1964]

Looks good, i'll give a try, thanks for sharing

[abierbaum]

I just stumbled upon this code. It looks great. Have you made any further refinements on it such as making it a plugin or extension?

[tomalex0]

@ abierbaum

I'm glad you looked into it , i just started it as part of know how to extend components. I haven't worked on it for a while, i will try to make it better.