单击某个按钮时启用/禁用文本字段

Question

我有一个禁用的文本字段，它也是readOnly，我试图在您单击某个按钮的位置获取它，并使文本字段启用而不是readOnly，以便用户可以编辑它。

到目前为止，我的代码是这样的：

buttonid.on({'click': function (){
        if(Ext.getCmp('textfieldid').getForm().isDirty()){
            Ext.getCmp('textfieldid').setDisabled(false);
        }
        else{
            Ext.getCmp('textfieldid').setDisabled(true);
        }
    }});

这段代码无法正常工作，我知道有更好的方法可以做到这一点。

Answer 1

您可以使用以下代码：

buttonid.on('click', function (){
    var textF = Ext.getCmp('textfieldid');
    if(Ext.getCmp('textfieldid').isDirty()) {
        textF.enable(); // enable textfield
        textF.setReadOnly(false); // can edit field
    }
    else{
        textF.disable();   // disable textfield
        textF.setReadOnly(true);   // read only is true, so can not edit
        // Any way, you do not need to set field readOnly if you disable it, cause user will not be able to modify it.
    }
});

这里是上述代码中使用的方法的参考：

textfield.enable（） -启用文本字段

textfield.disable（） -禁用文本字段

textfield.setReadOnly（readOnly） -是否将文本字段设置为readOnly，传递true / false

Answer 2

尝试这个：

buttonid.on({'click': function (){
        var yourTextField = Ext.getCmp('textfieldid');
        if(yourTextField.getForm().isDirty()){
            yourTextField.enable();
            yourTextField.setReadOnly(false);
        }
        else{
            yourTextField.disable();
            yourTextField.setReadOnly(true);
        }
    }});

在这里，您将找到所有文本字段方法。