PDA

View Full Version : ext menu on mouseover event



vijaypatil12
22 Nov 2010, 10:16 PM
I want ext-menu on mouseover event instead of click event

// [ Extjs menu start here

var tb = new Ext.Toolbar();
tb.render('test');

tb.add( {
text: 'Uset Management',
iconCls: 'user',
menu: {
xtype: 'menu',
plain: true,

items: [
{
text: 'User'
//iconCls: 'bullet'
},
{
text: 'User Groups'
},
{
text: 'Duty Schedules'
}]
}
},

{
text: 'Topology',
iconCls: 'topology',
menu: {
xtype: 'menu',
plain: true,

items: [
{
text: 'Regins'
},
{
text: 'Sites'
},
{
text: 'Topology view'
},
{
text: 'Associate sites to a region'
}]
}
},
{
text: 'Configuration',
iconCls: 'config',
menu: {
xtype: 'menu',
plain: true,

items: [
{
text: 'Fiber Monitoring'
},
{
text: 'Alarm Types'
},
{
text: 'System Defaults'
},
{
text: 'System Maintenance'
},
{
text: 'Threshold Settings'
},
{
text: 'Software Packages'
}]
}
},
{
text: 'Monitoring',
iconCls: 'bell',
menu: {
xtype: 'menu',
plain: true,

items: [
{
text: 'Alarm'
},
{
text: 'Status'
},
{
text: 'RTU Logs'
},
{
text: 'Test on demand'
}
]
}
},
{
text: 'Reporting',
iconCls: 'report',
menu: {
xtype: 'menu',
plain: true,

items: [
{
text: 'Result Browser'
},
{
text: 'Reports'
},
{
text: 'Reports Schedule'
}
]
}
},
{
text: 'WorkStationAgent',
iconCls: 'workstationagent',

menu: {
xtype: 'menu',
plain: true,

items: [
{
text: 'Link abc xyz pqr'
}

]
}
},
{
text: 'Help',
iconCls: 'help',
menu: {
xtype: 'menu',
plain: true,

items: [
{
text: 'About'
}
]
}
}
);

tb.doLayout();

// Extjs menu End here ]

Condor
23 Nov 2010, 2:53 AM
For Ext 2.x there was a MenuBar component that did this. Maybe that thread has some info on how to do this in Ext 3?