Ext.JS: Global shortcuts (e.g. close current tab)
17. März 2010
comments feedExt.JS has an easy way of configuring keyboard shortcuts using Ext.KeyMap. If you wanna use global shortcuts you simply have to bind it to document. I wanna show you in an example how you can bind Alt+X to closing the current tab of a TabPanel layout accessible by the JavaScript variable tabPanelLayout.
new Ext.KeyMap(
document,
[
{
// Alt + X: Close current tab
key: 'x',
alt: true,
// Prevent any browser actions triggered by the shortcut that may occur
stopEvent: true,
fn: function() {
var activePanel = tabPanelLayout.getActiveTab();
Layout.closeTab(activePanel);
}
}
]
);
That's about it! If you only have this one shortcut, you can leave out the JS array.
2 comments
sigma infosolutions
13.08.2010, 16:28 o'clock
Hi,
How to configure Affiliate programming in Magento??
Looking for help on this.. :)
– Thanks deepti
recent posts
09.07.2010, 10:33 o'clock
But what if you have two tab panels in the same document? Wouldn't it be better to let the tab panel handle its own actions?