Extjs表单中的数据绑定

时间:2013-06-28 01:51:28

标签: flex extjs extjs4 extjs4.2

我刚刚从Adobe Flex转移到Sencha ExtJs。

我似乎无法在ExtJs中找到等效的数据绑定,其中表单值依赖于另一个表单值。

e.g。我正在创建一个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();

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中是否存在某种类似的数据绑定?或者我正在做的方式是唯一的方法吗?

谢谢

1 个答案:

答案 0 :(得分:0)

也许,您可以使用textarea配置:

煎茶: maxLengthmaxLengthText

或控制字段是否可编辑?