Limit the number of lines entered in ExtJS Textarea

Question

Check this fiddle. How can we limit numbers of lines that is allowed to enter in ExtJS TextArea. Does ExtJs provides something out of the box or I have to reply on some cusotm function as shown in this link

I am using ExtJs 4.1

Ext.onReady(function () {
    Ext.create('Ext.window.Window', {
        height: 60,
        layout: 'anchor',
        minHeight: 60,
        width: 200,
        items: [{

            grow: true,
            anchor: '100%',
            flex: 1,
            xtype: 'textareafield'
        }]
    }).show();
});

score 0 · Answer 1 · answered May 15 '14 at 09:02

0

You can use maxLength along with enforceMaxLength property:

Ext.onReady(function () {
    Ext.create('Ext.window.Window', {
        height: 60,
        layout: 'anchor',
        minHeight: 60,
        width: 200,
        items: [{
            grow: true,
            anchor: '100%',
            flex: 1,
            xtype: 'textareafield',
            maxLength: 5, // 5 is only used for demo purpose
            enforceMaxLength: true
        }]
    }).show();
});

Updated Fiddle

answered May 15 '14 at 09:02

Felix

37,892
8
43
55

It limits the number of characters that are allowed to enter but does not limits the numbers of lines that user is allow to enter. – SharpCoder May 15 '14 at 09:04
1

Then you need to write a custom function. – Felix May 15 '14 at 09:05

Limit the number of lines entered in ExtJS Textarea

1 Answers1