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

Question

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

Answer 1

随着ExtJS的5/6，你可以使用这个视图模型，喜欢做的事：

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