如何在ExtJs选项卡上实现accesskey？

Question

我已经在我们的产品中实现了可滚动的extjs选项卡面板。但我也需要支持accesskey功能。例如，一个“Alt + P”键击将打开一个选项卡。有没有人有任何实施这方面的经验？

Answer 1

对此的核心是创建一个键盘映射表来识别你正在按键的组合，一旦检测到，你可以添加一个自定义处理程序。

在这里看到：http://dev.sencha.com/deploy/dev/docs/?class=Ext.KeyMap

如：

var map = new Ext.KeyMap("my-element", [ 
    { 
     key: [10,13], 
     fn: function(){ alert("Return was pressed"); } 
    }, { 
     key: "abc", 
     fn: function(){ alert('a, b or c was pressed'); } 
    }, { 
     key: "\t", 
     ctrl:true, 
     shift:true, 
     fn: function(){ alert('Control + shift + tab was pressed.'); } 
    } 
]); 

以上是一些样本映射，只需要替换“我的元素”你要寻找的按键元素（所以选择哪个元素将检测它们）。如果您希望使用APPLICATION宽键映射，则此元素应该是页面主体，窗口本身或ExtJS视口（如果您使用的是）/ Master元素。这意味着你可以在你的应用程序的任何区域内，并检测到按键。您在'fn'属性下定义的后续行为（即更改标签等）...