如何在EXT.JS中建立一个带有字符计数器和最大长度的文本区？

Ext.create('Ext.form.Panel', {
    renderTo: Ext.getBody(),
    items: [{
        xtype: 'textareafield',
        fieldLabel: '文本区',
        maxLength: 100, // 设置最大长度为100个字符
        enforceMaxLength: true, // 开启最大长度限制
        listeners: {
            change: function(field, newValue) {
                var maxLength = field.maxLength;
                var currentLength = newValue.length;
                var counter = Ext.getCmp('counter');
                counter.setText(currentLength + '/' + maxLength); // 更新字符计数器的文本
            }
        }
    }, {
        xtype: 'label',
        id: 'counter',
        text: '0/100' // 初始字符计数器的文本
    }]
});