EXTjs fieldcontainer焦点事件未触发

Question

我想在Sencha fiddle

中使用它

Ext.application({
    name: 'Fiddle',

    launch: function() {

        Ext.create('Ext.form.Panel', {
            title: 'FieldContainer Example',
            width: 550,
            bodyPadding: 10,


            items: [{
                xtype: 'fieldcontainer',
                fieldLabel: 'Last Three Jobs',
                labelWidth: 100,
                listeners: {
                    focus: function(fld, e, opts) {
                        alert("onFocus");
                    }
                },

                // The body area will contain three text fields, arranged
                // horizontally, separated by draggable splitters.
                layout: 'hbox',
                items: [{
                    xtype: 'textfield',
                    flex: 1
                }, {
                    xtype: 'splitter'
                }, {
                    xtype: 'textfield',
                    flex: 1
                }, {
                    xtype: 'splitter'
                }, {
                    xtype: 'textfield',
                    flex: 1
                }]
            }],
            renderTo: Ext.getBody()
        });
    }
});

Answer 1

您需要在文本字段上附加焦点侦听器，而不是字段容器，因为它没有得到焦点。

M-: (info "(emacs)Directory Variables")

工作代码here

希望这有帮助！