1. #1
    Sencha - Services Team AndreaCammarata's Avatar
    Join Date
    Jun 2009
    Posts
    1,395
    Vote Rating
    23
    AndreaCammarata has a spectacular aura about AndreaCammarata has a spectacular aura about

      0  

    Default Ext.tux.EditableList - Improved list component.

    Ext.tux.EditableList - Improved list component.


    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


    Sencha Inc
    Andrea Cammarata, Solutions Engineer
    Owner at SIMACS

    @AndreaCammarata
    www.andreacammarata.com
    github: https://github.com/AndreaCammarata

    TUX components bundle for Sencha Touch 2.x.x
    https://github.com/AndreaCammarata/TUX


  2. #2
    Ext JS Premium Member SimonFlack's Avatar
    Join Date
    Jul 2010
    Location
    Norway
    Posts
    241
    Vote Rating
    3
    SimonFlack is on a distinguished road

      0  

    Default


    Looks very cool!!!

    Great work man.
    Simon Flack
    CEO and UX Designer
    WhiteFox AS, Norway

    Web: www.whitefox.no

    Facebook: www.facebook.com/WhiteFoxAS

    Twitter: @WhiteFoxAS

  3. #3
    Sencha - Services Team AndreaCammarata's Avatar
    Join Date
    Jun 2009
    Posts
    1,395
    Vote Rating
    23
    AndreaCammarata has a spectacular aura about AndreaCammarata has a spectacular aura about

      0  

    Default


    Quote Originally Posted by SimonFlack View Post
    Looks very cool!!!

    Great work man.
    Hey Simon.
    Thank you for your feedback!
    Sencha Inc
    Andrea Cammarata, Solutions Engineer
    Owner at SIMACS

    @AndreaCammarata
    www.andreacammarata.com
    github: https://github.com/AndreaCammarata

    TUX components bundle for Sencha Touch 2.x.x
    https://github.com/AndreaCammarata/TUX


  4. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,399
    Vote Rating
    849
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    That is pretty sweet!
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  5. #5
    Sencha - Services Team AndreaCammarata's Avatar
    Join Date
    Jun 2009
    Posts
    1,395
    Vote Rating
    23
    AndreaCammarata has a spectacular aura about AndreaCammarata has a spectacular aura about

      0  

    Default


    Quote Originally Posted by mitchellsimoens View Post
    That is pretty sweet!
    Thank you Mitchell
    Sencha Inc
    Andrea Cammarata, Solutions Engineer
    Owner at SIMACS

    @AndreaCammarata
    www.andreacammarata.com
    github: https://github.com/AndreaCammarata

    TUX components bundle for Sencha Touch 2.x.x
    https://github.com/AndreaCammarata/TUX


  6. #6
    Sencha User tomalex0's Avatar
    Join Date
    Apr 2009
    Location
    San Jose, CA
    Posts
    589
    Vote Rating
    16
    tomalex0 will become famous soon enough

      0  

    Default


    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)

  7. #7
    Sencha - Services Team AndreaCammarata's Avatar
    Join Date
    Jun 2009
    Posts
    1,395
    Vote Rating
    23
    AndreaCammarata has a spectacular aura about AndreaCammarata has a spectacular aura about

      0  

    Default


    Quote Originally Posted by tomalex0 View Post
    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.
    Sencha Inc
    Andrea Cammarata, Solutions Engineer
    Owner at SIMACS

    @AndreaCammarata
    www.andreacammarata.com
    github: https://github.com/AndreaCammarata

    TUX components bundle for Sencha Touch 2.x.x
    https://github.com/AndreaCammarata/TUX


  8. #8
    Sencha - Services Team AndreaCammarata's Avatar
    Join Date
    Jun 2009
    Posts
    1,395
    Vote Rating
    23
    AndreaCammarata has a spectacular aura about AndreaCammarata has a spectacular aura about

      0  

    Default


    Quote Originally Posted by andreacammarata View Post
    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.
    Sencha Inc
    Andrea Cammarata, Solutions Engineer
    Owner at SIMACS

    @AndreaCammarata
    www.andreacammarata.com
    github: https://github.com/AndreaCammarata

    TUX components bundle for Sencha Touch 2.x.x
    https://github.com/AndreaCammarata/TUX


  9. #9
    Sencha User tomalex0's Avatar
    Join Date
    Apr 2009
    Location
    San Jose, CA
    Posts
    589
    Vote Rating
    16
    tomalex0 will become famous soon enough

      0  

    Default


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

  10. #10
    Sencha - Support Team mike.estes's Avatar
    Join Date
    Mar 2011
    Location
    Redwood City, CA
    Posts
    221
    Vote Rating
    9
    mike.estes will become famous soon enough

      0  

    Default


    looks really good!