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

时间:2010-10-27 23:53:11

标签: extjs

我在我们的产品中实现了可滚动的extjs选项卡面板。但我还需要支持accesskey功能。例如,“Alt + P”按键将打开一个标签。有没有人有实施这个的经验?

1 个答案:

答案 0 :(得分: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.'); }
    }
]);

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