如何在EXT.JS中构建具有字符计数器和最大长度的textarea？

Question

我在Ext.js应用程序中创建此窗口。如何在文本区域下实现文本区域的文本，这些文本按用户类型计算，并且一旦达到最大长度就不会让他/她输入？

Answer 1

使用Extjs 5/6，您可以使用viewModel执行此操作，例如：

Ext.widget('container', {

        viewModel: {
            data: {
                value: ''
            },
            formulas: {
                count: {
                    bind: '{value}',
                    get: function(value){
                        return 140 - value.length;
                    }
                }
            }
        },

        items: [{
            xtype: 'textareafield',
            enforceMaxLength: true,
            maxLength: 140,
            bind: '{value}'
        }, {
            xtype: 'box',
            bind: '{count}'
        }]
    }) 

工作示例：https://fiddle.sencha.com/#fiddle/1eht