1. #1
    Ext JS Premium Member SMMJ_Dev's Avatar
    Join Date
    Aug 2009
    Location
    St. Louis, MO
    Posts
    88
    Vote Rating
    0
    SMMJ_Dev will become famous soon enough

      0  

    Default Ext.ux.menu.DynamicMenu for ExtJS 4.0

    Ext.ux.menu.DynamicMenu for ExtJS 4.0


    Hello everyone,

    I have converted the DynamicMenu from ExtJS 3.0 to 4.0 now and have provided an MVC example. You can see the demo and download the code from here:
    Dynamic Menu Example

    Preview: DynamicMenuPreview.png

  2. #2
    Sencha Premium Member dawesi's Avatar
    Join Date
    Mar 2007
    Location
    Melbourne, Australia (aka GMT+10)
    Posts
    1,071
    Vote Rating
    40
    dawesi has a spectacular aura about dawesi has a spectacular aura about

      0  

    Default


    sweet. just the ticket.
    Senior Technical Training & Mentoring

    Teahouse Training Company
    Asia Pacific Region (Official Certified Sencha Trainer)

    Check out SenchaWorld.com - The best bits from the Sencha community (videos, blogs, etc)

    Code Validation : JSLint | JSONLint | JSONPLint

  3. #3
    Sencha User
    Join Date
    Sep 2008
    Posts
    107
    Vote Rating
    0
    foxmarco is on a distinguished road

      0  

    Default


    Could you show me an exmple of three (3) levels of DynamicMenu ? Like m1-> m11 -> m111

    Thanks.

  4. #4
    Ext JS Premium Member SMMJ_Dev's Avatar
    Join Date
    Aug 2009
    Location
    St. Louis, MO
    Posts
    88
    Vote Rating
    0
    SMMJ_Dev will become famous soon enough

      0  

    Default


    foxmarco,

    I will work on an example for you. If there is an issue with getting it to work, I will make an update to make sure it works correctly.

    Sincerely,

    SMMJ_Dev
    ExtJS 4.0 - Ext.ux.grid.FooterSummary (Coming Soon)
    ExtJS 4.0 - Ext.ux.form.field.IPhoneSwitch (Coming Soon)
    ExtJS 4.0 - Ext.ux.grid.HeaderFilter
    (Updates Coming Soon)
    ExtJS 4.0 - Ext.ux.menu.DynamicMenu

    ExtJS 4.0 - Ext.ux.form.field.ClearableCombo
    ExtJS 4.0 - Ext.ux.form.field.FormPanelEditor
    ExtJS 4.0 - Grouping Extra Features (Overrides) (Updates Coming Soon)

  5. #5
    Sencha User
    Join Date
    Sep 2008
    Posts
    107
    Vote Rating
    0
    foxmarco is on a distinguished road

      0  

    Default


    Hi,
    do you finish to write a complete example of DynamicMenu with many menus and submenus?

    Thanks a lot. M.

  6. #6
    Ext JS Premium Member SMMJ_Dev's Avatar
    Join Date
    Aug 2009
    Location
    St. Louis, MO
    Posts
    88
    Vote Rating
    0
    SMMJ_Dev will become famous soon enough

      0  

    Default submenu's

    submenu's


    Thanks foxmarco, there was a problem with my code when doing submenus. I have updated the DynamicMenu.js and the json to handle submenus.

    The example is just 1 submenu, but you should be able to repeat for multiple submenus and it should work.
    ExtJS 4.0 - Ext.ux.grid.FooterSummary (Coming Soon)
    ExtJS 4.0 - Ext.ux.form.field.IPhoneSwitch (Coming Soon)
    ExtJS 4.0 - Ext.ux.grid.HeaderFilter
    (Updates Coming Soon)
    ExtJS 4.0 - Ext.ux.menu.DynamicMenu

    ExtJS 4.0 - Ext.ux.form.field.ClearableCombo
    ExtJS 4.0 - Ext.ux.form.field.FormPanelEditor
    ExtJS 4.0 - Grouping Extra Features (Overrides) (Updates Coming Soon)

  7. #7
    Sencha User
    Join Date
    Apr 2011
    Posts
    6
    Vote Rating
    0
    kumarjcet is on a distinguished road

      0  

    Default


    hi currently i am using 3.2 menu its working fine .the same menu is not working in extjs 4.0 can u help rewrite the below code for extjs 4.0
    Ext.onReady(function() {
    new Ext.ux.Menu('hmenu', {
    transitionType: 'slide',
    direction: 'horizontal', // default
    delay: 0.2, // default
    autoWidth: true, // default
    transitionDuration: 0.1, // default
    animate: true, // default
    currentClass: 'current' // default
    });
    });

    Thanks in Advance...

  8. #8
    Sencha User
    Join Date
    Apr 2011
    Posts
    6
    Vote Rating
    0
    kumarjcet is on a distinguished road

      0  

    Exclamation Menu is not working in Extjs 4.0 where its working in Extjs 3.2

    Menu is not working in Extjs 4.0 where its working in Extjs 3.2


    hi currently i am using 3.2 menu its working fine .the same menu is not working in extjs 4.0 can u rewrite the below code for extjs 4.0
    Ext.onReady(function() {
    new Ext.ux.Menu('hmenu', {
    transitionType: 'slide',
    direction: 'horizontal', // default
    delay: 0.2, // default
    autoWidth: true, // default
    transitionDuration: 0.1, // default
    animate: true, // default
    currentClass: 'current' // default
    });
    });


    Thanks in Advance...

  9. #9
    Ext JS Premium Member SMMJ_Dev's Avatar
    Join Date
    Aug 2009
    Location
    St. Louis, MO
    Posts
    88
    Vote Rating
    0
    SMMJ_Dev will become famous soon enough

      0  

    Default


    Quote Originally Posted by kumarjcet View Post
    hi currently i am using 3.2 menu its working fine .the same menu is not working in extjs 4.0 can u rewrite the below code for extjs 4.0
    Ext.onReady(function() {
    new Ext.ux.Menu('hmenu', {
    transitionType: 'slide',
    direction: 'horizontal', // default
    delay: 0.2, // default
    autoWidth: true, // default
    transitionDuration: 0.1, // default
    animate: true, // default
    currentClass: 'current' // default
    });
    });


    Thanks in Advance...
    The extension above is a different type of menu extension. This is definitely why it is not working with the DynamicMenu extension for ExtJS 4.0. The above extension creates their menu items using html lists. The DynamicMenu extension uses the regular ExtJS 4.0 menu. There is nothing different in it's structure.

    In order to get a horizontal menu, you might be able to use the regular ExtJS 4.0 menu and give it a layout config:
    Code:
    layout:{type:'hbox',align:'left'}
    In order to control the transition you may have to use a mixin or plugin to control the animation. You may need to even rewrite the old extension to use the new ExtJS 4 animation settings.

    Code:
    new Ext.fx.Anim({
        target: myComponent,
        duration: 1000,
        from: {
            width: 400 //starting width 400
        },
        to: {
            width: 300, //end width 300
            height: 300 // end width 300
        }
    });
    I haven't messed with animations/transitions, so I don't know about that. Perhaps someone else could help you out there.

    Maybe the guy who created the extension in ExtJS3 (http://www.sencha.com/forum/showthre...transitionType), could help you out by upgrading his extension.

    That's the best I can do. I don't really have much time to build new extensions. I only update the ones that I work with and need for work.
    ExtJS 4.0 - Ext.ux.grid.FooterSummary (Coming Soon)
    ExtJS 4.0 - Ext.ux.form.field.IPhoneSwitch (Coming Soon)
    ExtJS 4.0 - Ext.ux.grid.HeaderFilter
    (Updates Coming Soon)
    ExtJS 4.0 - Ext.ux.menu.DynamicMenu

    ExtJS 4.0 - Ext.ux.form.field.ClearableCombo
    ExtJS 4.0 - Ext.ux.form.field.FormPanelEditor
    ExtJS 4.0 - Grouping Extra Features (Overrides) (Updates Coming Soon)

  10. #10
    Sencha User
    Join Date
    May 2010
    Posts
    9
    Vote Rating
    0
    cristinadelosa is on a distinguished road

      0  

    Default handler

    handler


    How i can send the handler function from my php file?

Similar Threads

  1. ExtJS Context Menu id
    By purlogic in forum Ext 3.x: Bugs
    Replies: 0
    Last Post: 31 Mar 2011, 3:56 PM
  2. context menu in extjs
    By amrish in forum Ext 3.x: Help & Discussion
    Replies: 4
    Last Post: 21 Aug 2009, 3:09 AM
  3. Replies: 4
    Last Post: 30 Jun 2009, 3:45 AM
  4. menu example comes with extjs relase 2.2.1
    By hjshi in forum Ext 2.x: Help & Discussion
    Replies: 6
    Last Post: 8 May 2009, 10:20 PM
  5. YUI like menu with ExtJS
    By thameema in forum Ext 2.x: Help & Discussion
    Replies: 7
    Last Post: 27 Feb 2008, 2:12 PM

Thread Participants: 6

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar