javascript - Set focus for text input in just created window - Stack Overflow

admin管理员组

文章数量:1403187

I have trivial window:

   this.window = Ext.widget('window', {
            title: 'Find',
            closeAction: 'hide',
            width: 300,
            layout: 'fit',
            items: form
        });

with trivial form in it

var form = Ext.widget('form', {
    layout: {
        type: 'vbox',
        align: 'stretch'
    },
    border: false,
    bodyPadding: 10,

    items: [
        this.findInput,
    ]
});

which only has one item

    this.findInput = Ext.widget('textfield', {
        name: 'find'
    });

The issue is: how to set focus right after window is shown? I tried to call .focus() method of this.findInput in almost every window event handler with no luck.

Seems like even afterrender is called synchronously before DOM has created all the elements pletely.

What have I missed? What event should I bind to to have all the elements rendered and able to accept the focus?

PS: if I call the same .focus() after small interval like 10ms - I get it focused, but it's not a solution

I have trivial window:

   this.window = Ext.widget('window', {
            title: 'Find',
            closeAction: 'hide',
            width: 300,
            layout: 'fit',
            items: form
        });

with trivial form in it

var form = Ext.widget('form', {
    layout: {
        type: 'vbox',
        align: 'stretch'
    },
    border: false,
    bodyPadding: 10,

    items: [
        this.findInput,
    ]
});

which only has one item

    this.findInput = Ext.widget('textfield', {
        name: 'find'
    });

The issue is: how to set focus right after window is shown? I tried to call .focus() method of this.findInput in almost every window event handler with no luck.

Seems like even afterrender is called synchronously before DOM has created all the elements pletely.

What have I missed? What event should I bind to to have all the elements rendered and able to accept the focus?

PS: if I call the same .focus() after small interval like 10ms - I get it focused, but it's not a solution

• javascript
• extjs
• extjs4
• extjs4.1

Share Improve this question Follow asked Jun 19, 2012 at 0:19 zerkmszerkms 255k7373 gold badges447447 silver badges547547 bronze badges 1

• See also Set focus on Extjs textfield – Vadzim Commented Feb 26, 2018 at 14:19

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

Check out activeItem property - http://docs.sencha./ext-js/4-0/#!/api/Ext.form.Panel-cfg-activeItem

or you can also use defaultFocus: http://docs.sencha./ext-js/4-0/#!/api/Ext.window.Window-cfg-defaultFocus

本文标签： javascriptSet focus for text input in just created windowStack Overflow