2013-06-28 2 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

Угловой JS имеет некоторые функции привязки данных; Однако я не знаю о extJS. Может быть, вы могли бы использовать их вместе? – JeffryHouser

ответ

0

Может быть, вы могли бы использовать конфигурацию: текстовой

Сенча: maxLength и maxLengthText

или поле управления для редактирования?

+0

Спасибо. Yup, textarea редактируется. Подключайте метки по мере ввода. – player

+0

Да, но контрольная этикетка может быть изменена? – mfruizs2