如何在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