1. #1
    Sencha User
    Join Date
    Nov 2007
    Location
    Los Angeles
    Posts
    79
    Vote Rating
    13
    wnielson will become famous soon enough

      3  

    Default Ext.ux.slide.View

    Ext.ux.slide.View


    My first attempt to make a Facebook-like sliding navigational component, SlideNavigation, has proved to be pretty useful. However, I've gotten a lot of queries from people asking how to make it work in ways that I never originally intended. Some of the most frequent requests are:
    1. Support for both left and right menus simultaneously
    2. Using components other than a list in the menu
    3. Support for multiple slide navigation instances in the same app
    4. Nesting the slide navigation inside other components

    With the way that the component is currently designed, achieving any of these would require quite a bit of code changes. So, I've started working on an updated version that is more flexible. I've decoupled the navigation component from the slide component. As a result, all of the above use-cases are now possible and I'm calling the new component 'Ext.ux.slide.View'.

    I'll be uploading the code onto GitHub and would love to get some help finishing it. In the meantime, here is a short video to highlight some of the new features of the component.


  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,522
    Vote Rating
    814
    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


    Looking pretty good!
    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.

  3. #3
    Sencha User sailei1's Avatar
    Join Date
    Jul 2011
    Location
    BeiJing China
    Posts
    42
    Vote Rating
    0
    sailei1 is on a distinguished road

      0  

    Default


    Top look!
    Chinese

  4. #4
    Sencha Premium Member
    Join Date
    Feb 2012
    Location
    Berne, Switzerland
    Posts
    714
    Vote Rating
    42
    ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about

      0  

    Default


    cool stuff! have you ever thought about further expanding this so that it could be used as it is on a phone but as a splitview on a tablet?

  5. #5
    Sencha User
    Join Date
    Jan 2012
    Location
    London, UK
    Posts
    497
    Vote Rating
    51
    shepsii has a spectacular aura about shepsii has a spectacular aura about shepsii has a spectacular aura about

      0  

    Default


    Great to hear this is still alive and well - it's looking great! Can't wait to see what you come up with. Let us know when it's up on github
    I blog about Sencha Touch at www.senchatouchdev.com

  6. #6
    Sencha User
    Join Date
    Jan 2012
    Location
    London, UK
    Posts
    497
    Vote Rating
    51
    shepsii has a spectacular aura about shepsii has a spectacular aura about shepsii has a spectacular aura about

      0  

    Default


    oh and if you're looking for help on the code, I'd be happy to help out. I have this so far: https://github.com/shepsii/sidenav but no reason to kill one bird with two stones ;-)
    I blog about Sencha Touch at www.senchatouchdev.com

  7. #7
    Sencha User
    Join Date
    Nov 2007
    Location
    Los Angeles
    Posts
    79
    Vote Rating
    13
    wnielson will become famous soon enough

      0  

    Default


    Quote Originally Posted by shepsii View Post
    oh and if you're looking for help on the code, I'd be happy to help out. I have this so far: https://github.com/shepsii/sidenav but no reason to kill one bird with two stones ;-)
    I'd love the help dude. I just put the code up on GitHub, but beware it is pretty rough. I literally whipped this together in day. Some stuff is borrowed from my SlideNavigation implementation, but there is a lot of new code in there, so there are bugs aplenty.

    My initial plan is to implement at least two main components; the main view (Ext.ux.slide.View) and a convenience class (Ext.ux.slide.List). The slide List would make it easy to achieve functionality like SlideNavigation provides, and could be used as the component on either or both the right and left side. Of course, I'm also totally open to suggestions.

    Also, I'm pretty partial to implementing this without a controller--a la the core Sencha components. I like the idea of keeping things simple for people wanting to use this and providing all the base functionality in a single component is really tidy way to achieve this. The 'Ext.ux.slide' namespace also makes it easy to integrate into existing project. My two cents anyway.

  8. #8
    Sencha User
    Join Date
    Nov 2010
    Posts
    385
    Vote Rating
    4
    gkatz is on a distinguished road

      1  

    Default


    shepsii, wnieolson
    great to see you collab on stuff like this.
    that's why I love this forum. all about sharing and contributing.
    kudos.

  9. #9
    Sencha User
    Join Date
    Jan 2012
    Location
    London, UK
    Posts
    497
    Vote Rating
    51
    shepsii has a spectacular aura about shepsii has a spectacular aura about shepsii has a spectacular aura about

      0  

    Default


    Absolutely agree re: controller. The reason it's like that in the example I posted is that the code was ripped out of an application I'm building - hence the full on MVC - but building a component means it should all be on the view, I completely agree. People should be able to use it the same way they do other sencha touch components.

    I'll go ahead and take the conversation over to github... cheers!
    I blog about Sencha Touch at www.senchatouchdev.com

  10. #10
    Sencha User
    Join Date
    Nov 2010
    Posts
    385
    Vote Rating
    4
    gkatz is on a distinguished road

      0  

    Default


    @shepsii
    are you going to make your extension component like? I want to start using it but want to wait for this change.
    thanks,