为什么我的关键事件不起作用

时间:2016-07-06 13:08:49

标签: extjs extjs6

为什么我的关键事件在以下示例中不起作用? '模糊'活动有效,但没有一个关键事件在我的文本字段上工作(我也尝试了#ke; keydown')。

我尝试使用'控件'也可以在控制器上构建,但这也不起作用。

Ext.define('Plus.view.MyController', {
    extend: 'Ext.app.ViewController',

    alias: 'controller.mycontroller',
    control: {
        '#mytextfield': {
            blur: function() {
                alert("oink")
            },
            keypress: function() {
                alert("moo")
            },
            keyup: function() {
                alert("quack")
            }
        }
    }
});

Ext.define('Plus.view.MainView', {
    extend: 'Ext.container.Container',

    items: [{
        xtype: 'textfield',
        id: 'mytextfield',
        controller: 'mycontroller',
        listeners: {
            blur: function() {
                alert("oink 2")
            },
            keypress : function() {
                alert("moo 2")
            },
            keyup : function() {
                alert("quack 2")
            }
        }
    }]
});

Ext.application({
    name: 'Plus',
    autoCreateViewport: 'MainView',
    launch: function() {

    }
});

我的小提琴在这里:

https://fiddle.sencha.com/#fiddle/1d5d

我错过了一些明显的东西吗?

1 个答案:

答案 0 :(得分:7)

keypresskeyup如果enableKeyEvents设置为true,则仅触发这些事件。 设置此项,您的代码将起作用。我为你创建了一个代码工作的fidller。 Fiddle