2013-06-28 59 views
1

我剛剛從Adobe Flex轉移到Sencha ExtJs。Extjs數據綁定形式

我似乎無法在ExtJs中找到等價的數據綁定,其中表單值取決於另一個表單值。

例如我正在創建一個SMS窗口,其中顯示在消息字段中輸入的字符數。

這就是我在ExtJS中所做的。此外,小提琴 - http://jsfiddle.net/xxB4J/

Ext.create('Ext.window.Window',{ 
     items: [ 
     { 
      xtype: 'textarea', 
      fieldLabel: 'Message', 
      listeners: { 
       change: function() { 
        var countLabel = this.up('window').down('#lbCharacterCount'); 
        countLabel.setText(this.getValue().length + '/160 Characters'); 
       } 
      } 
     }, 
     { 
      xtype: 'label', 
      itemId: 'lbCharacterCount', 
      text: '0/160 Characters' 
     } 
    ] 

}).show(); 

現在,Flex的,這是因爲這樣做

<mx:Text text="{message.text.length.toString()}/160 Characters}" /> 

那麼簡單,只是想知道是否有某種類似的數據在ExtJS的綁定?或者我正在做的方式是做到這一點的唯一方式?

謝謝

+0

Angular JS有一些像數據綁定功能;不過,我不知道extJS。也許你可以一起使用這兩個? – JeffryHouser

回答

0

也許,你可以使用一個textarea的配置:

煎茶: maxLengthmaxLengthText

或者是控制字段編輯?

+0

謝謝。是的,textarea是可編輯的。在您鍵入時計數標籤更新。 – player

+0

是的,但控制標籤可以更改? – mfruizs2