Ext.ux.menu.DynamicMenu for ExtJS 4.0

[SMMJ_Dev]

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

[dawesi]

sweet. just the ticket.

[foxmarco]

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

Thanks.

[SMMJ_Dev]

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

[foxmarco]

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

Thanks a lot. M.

[SMMJ_Dev]

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.

[kumarjcet]

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...

[kumarjcet]

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...

[SMMJ_Dev]

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:

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.

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.

[cristinadelosa]

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