Ext.tux.EditableList - Improved list component.

[AndreaCammarata]

Exactly

That's not a bad idea..I have put it in the TODO list

Sounds great man... I am really looking forward to testing it out.

Thank you Simon. I really hope to release it in these days.

[AndreaCammarata]

I can not stop to implement new features, so I decided to implement a new config options that will allow you to provide an itemEditTpl.
Setting this new config param, when you start to edit the list, all the list items will be replaced with the new provided itemEditTpl html. So you have the opportunity to render the list elements in a different way if the list is in normal or edit mode .
I will post a new video this afternoon.

[AndreaCammarata]

Ok guys, as I provise I posted a new video that show you how the delete animations and the editItemTpl config param works.
Actually you can choose from three different delete animations:

• SlideOut
• Explosion
• BlackHole

but as already said you will be able to add your own editing the sass file and the deleteAnimationCls config param.

In this video you will even see how the itemEditTpl works:
If specified, the list will apply this XTemplate to all the list elements before to enter in edit mode.
This will give you more options to customize the component.
I even made the list items flexibles. In this way even if you resize the browser page or change the device orientation the layout will be not broken.

This video is attached to the first post of this Thread.
Hope you appreciate it.

PS: The sample application showed in the video will be release on github as well.

[AndreaCammarata]

Hi guys.
I've finally release a first beta version of the component (v.0.8.4).
You will find more informations about it in the first post of this Thread.

Looking forward for your feedbacks
Hope this helps.

[trinitrotoluen]

wow looks good man. nice work
I'm planning to use single delete mode from your code to my app. But I want my app save the last position changes on the list, I'm thinking to save my json store to localStorage and then update the position index into localStorage so that when the browser refresh/reload it will display the last changes. Any suggest ?

[AndreaCammarata]

wow looks good man. nice work
I'm planning to use single delete mode from your code to my app. But I want my app save the last position changes on the list, I'm thinking to save my json store to localStorage and then update the position index into localStorage so that when the browser refresh/reload it will display the last changes. Any suggest ?

Hey, thank you for your feedback .
I'm going to write a new example that will show you how to do that.

[clabasky]

works great, looks awesome!! I'm loving the plugins you're coming up with!

now if i could only figure out how to put your editable list into my app

[AndreaCammarata]

works great, looks awesome!! I'm loving the plugins you're coming up with!

now if i could only figure out how to put your editable list into my app

Hi clabaski.
Thank you for your feedback .
Did you take a look at the examples?
If there is something that is no clear just write me and I will give you a hand.

[clabasky]

I'm new to Sencha Touch (3 weeks, no prior programming experience) I'm very lost...

[AndreaCammarata]

I'm new to Sencha Touch (3 weeks, no prior programming experience) I'm very lost...

uhmm...then I suggest you to deal first with stable Sencha Touch components to get started!