Question

当用户使用EXT JS开始在TextArea中编写时，我需要启用一个按钮，让我们说“提交”按钮。在开始时，由于TextArea为空，因此禁用“提交”按钮。当用户开始在TextArea中编写时，它应该被启用。请告诉我是否有任何跟踪EXT JS中TextArea写作的事件

Answer 1

这样的事情应该做 -

{
xtype     : 'textareafield',
grow      : true,
name      : 'MyTextField',
fieldLabel: 'MyTextField',
listeners : {
    blur: function(event, eOpts){
        // here you can get reference to the button and enable
    },
    change: function(newValue, oldValue, eOpts) {
        // this event will be fired whenever the value of the text field changes when you type.
        // You can even listen to this function and enable the button when this event fires
    }
}

}

要获取您可以收听的事件列表，建议您查看API文档。这是TextArea api doc for Ext 5.0

Answer 2

使用：formBind: true将根据表单的有效状态启用/禁用。

    Ext.create('Ext.form.FormPanel', {
        title      : 'Sample TextArea',
        width      : 400,
        bodyPadding: 10,
        renderTo   : Ext.getBody(),
        items: [{
            xtype     : 'textareafield',
            grow      : true,
            allowBlank: false,
            name      : 'message',
            fieldLabel: 'Message',
            anchor    : '100%'                
        },{
            xtype: 'button',
            text: 'My Button',
            formBind: true,
            disabled: true
        }]
    });

使用EXT JS在TextArea中开始编写时启用按钮

2 个答案: