最近、Adobe Flex から Sencha ExtJs に移行しました。
フォームの値が別のフォームの値に依存する ExtJ で、データ バインディングに相当するものを見つけることができないようです。
たとえば、メッセージ フィールドに入力された文字数を表示する 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 に同様のデータ バインディングがあるかどうかを知りたいだけですか? または私がやっている方法はそれを行う唯一の方法ですか?
ありがとうございました