Placeholder for textarea? (ExtJS)

Question

Is there placeholder for textarea? (ExtJS)

score 16 · Accepted Answer · edited Jun 20 '20 at 09:12

There is an emptyText config option in Ext.form.TextArea.

Documentation:

The default text to place into an empty field (defaults to null). Note: that this value will be submitted to the server if this field is enabled and configured with a name.

Documentation for Ext 4.2.2:

The default text to place into an empty field.

Note that normally this value will be submitted to the server if this field is enabled; to prevent this you can set the submitEmptyText option of Ext.form.Basic.submit to false.

Also note that if you use inputType: 'file', emptyText is not supported and should be avoided.

Note that for browsers that support it, setting this property will use the HTML 5 placeholder attribute, and for older browsers that don't support the HTML 5 placeholder attribute the value will be placed directly into the input element itself as the raw value. This means that older browsers will obfuscate the emptyText value for password input fields.

score 2 · Answer 2 · edited Dec 14 '15 at 08:58

2

Use this:-

xtype: 'textfield',
placeHolder: 'Please Enter Something'

edited Dec 14 '15 at 08:58

Kruti Patel

1,422
2
23
36

answered Apr 11 '15 at 14:18

Ashutosh Jha

1,465
1
17
28

score 2 · Answer 3 · edited Jul 24 '20 at 20:22

2

you can use emptyText attribute

xtype: 'textfield',
label: 'Try KeyDown',
emptyText: 'Press Enter/Return here...',
name: 'email',
animateUnderline : true

edited Jul 24 '20 at 20:22

helvete

2,455
13
33
37

answered Jul 24 '20 at 14:25

Alejandro Reyes

31
1

How is this different from the first answer? – Akin Okegbile Jul 24 '20 at 14:53
I just tryed to share a peace of code, it is not different – Alejandro Reyes Jul 24 '20 at 14:58

score 1 · Answer 4 · answered Jan 27 '12 at 13:01

1

According to HTML5 drafts, you can use the placeholder attribute in a textarea element. This is independent of JavaScript. Did you mean something else?

Browser support to the placeholder attribute is still rather limited. On the other hand, there is seldom any need for a placeholder in a textarea, if the area is preceded by a descriptive label, as it should.

answered Jan 27 '12 at 13:01

Jukka K. Korpela

195,524
37
270
390

It won't work with IE7. The placeholder that I mean has to be a part of ExtJS library. – ilhan Jan 27 '12 at 13:05

score 0 · Answer 5 · answered Sep 14 '14 at 22:16

emptyText config option works, as pointed out by @e-zinc. However, it doesn't clear out the value. Here is a fix.

initComponent: function () {
    var me = this;

    me.on('focus', function () {
        if(!me.isDirty()) {
            me.setValue('');
        }
    });

    me.callParent(arguments);
}

Placeholder for textarea? (ExtJS)

5 Answers5