表单中的 Extjs 数据绑定答案

【问题标题】：Extjs data binding in a form表单中的 Extjs 数据绑定
【发布时间】：2013-06-28 01:51:28
【问题描述】：

我最近刚刚从 Adobe Flex 迁移到 Sencha 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 中是否存在某种类似的数据绑定？还是我做的方式是唯一的方式？

谢谢

【问题讨论】：

Angular JS 有一些类似数据绑定的特性；不过，我不知道 extJS。也许您可以将两者一起使用？

标签： apache-flex extjs extjs4 extjs4.2

【解决方案1】：

也许，您可以使用 textarea 配置：

煎茶： maxLength 和 maxLengthText

或者控制字段是否可编辑？

【讨论】：

谢谢。是的，textarea 是可编辑的。在您键入时计算标签更新。