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

How to build a textarea with character counter and max length in EXT.JS?

本文关键字：计数器 字符 区域 文本 一个 JS EXT 构建      更新时间：2023-09-26

我正在Ext.js应用程序中创建这个窗口。我如何在文本区域下实现文本，该文本区域随着用户的键入而递减，并且一旦达到最大长度就不允许他/她的键入？

使用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

相关文章：