Ext.tux.EditableList - Improved list component.

[AndreaCammarata]

Hi guys,
after some time away from the forum I wanna share with you a new Sencha Touch component I developed in few hours. This will be released for free on github in a couple of days, I just need the time to fight with my flu and some component little bugs .
The component name is "EditableList" and it is an improvement of standard Ext.List component.
The component will be released with full .scss file to allow you to customize, icons and styles of the component.

However, by now, I don't want spend to much time talking about it, but I prefer to show you something, so I attach a demo movie of the component in action.
I will write soon again on this post when I will release the component and a working demo app on github.

As always, any feedback or suggestions is appreciated.
Cheers.

Update 26/08/2011:

Finally released the first beta version of the component (v.0.8.4).
You can download it from github at the url

https://github.com/AndreaCammarata/Ext.tux.EditableList

The package contains three different examples to show you how the component works.
You can even see these examples live at these urls:

Single Delete
Multi Delete
Delete animations Picker

There are still some bugs and limitations to take care of, but I hope to fix them in the next days, in the meantime, I hope you will appreciate this beta version .

The component is well documentated with comments, however, I'm going to write a small tutorial on how to use it.

As always, any feedback is really appreciated

Update 26/08/2011:
Released v. 0.8.5 with important bugs fix.

Update 29/08/2011:
Rewriting a big part of code that will improve a lot, the component response and animations speed in case of list with a lot of elements on iOS and Android devices. I hope to release this new version this evening.

Update 04/09/2011:
Released v. 0.8.6.

Single Delete Mode



Multi Delete Mode



Delete Animations and itemEditTpl

[SimonFlack]

Looks very cool!!!

Great work man.

[AndreaCammarata]

Looks very cool!!!

Great work man.

Hey Simon.
Thank you for your feedback!

[mitchellsimoens]

That is pretty sweet!

[AndreaCammarata]

That is pretty sweet!

Thank you Mitchell

[tomalex0]

Thats very nice demo and great component. I have tried to do something similar to that you have done . I think you are inspired from Database Settings Screen from ios.

I just got busy and coudn't able to work on it much . Now i think i don't have to .

Here is what i have tried to do
http://www.sencha.com/forum/showthre...-Ipad-(Safari)

[AndreaCammarata]

Thats very nice demo and great component. I have tried to do something similar to that you have done . I think you are inspired from Database Settings Screen from ios.

I just got busy and coudn't able to work on it much . Now i think i don't have to .

Here is what i have tried to do
http://www.sencha.com/forum/showthre...-Ipad-(Safari)

Hey tomalex.
Thank you for your feedback.
I took a look at what you done and it's good too.
Yeah I understand you when you say you got busy and you had not much time to work, that's the same for me. Fortuntely / Unfortunately I'm at home with 39 degree fever, so I had some free time to work on something new

I just finished to develop a new "multiDelete" feature to it, so I will post a new video as soon Vimeo will finish to convert it .

This new feature will be very useful.

[AndreaCammarata]

I just finished to develop a new "multiDelete" feature to it, so I will post a new video as soon Vimeo will finish to convert it .

Ok, as promise I added a new video that show how the component works in Multi Delete Mode.
To choose beetween the two kind of list, you will only have to set the "multiDelete" config param to true or false.

[tomalex0]

Does this have the grouped property ?
How it will work while we are reordering.?

[mike.estes]

looks really good!