如何禁用搜索按钮，直到用户使用ExtJS在两个文本框中输入至少3个字符？

我有三个四个搜索字段。其中一个是客户编号，另一个是名字、姓氏和DOB。用户可以通过以下方式进行搜索： 1.使用客户号码 2.或者输入其他三个字段中的两个

在客户编号中输入至少3个字符之前，需要禁用搜索按钮

如果他们选择使用fname、lname和dob进行搜索，则在前两个字段中有3个字符且dob不存在之前，搜索不会启用

---

如何在Ext JS 6.0中实现这一点？

要启用搜索按钮，您可以放置一个侦听器，然后在其中写入更改函数。内部更改功能首先获取搜索按钮，并根据您的情况启用/禁用

我根据您的要求为客户编号添加了代码。您可以使用相同的名字和姓氏

 {    
    xtype : 'textfield',
    fieldLabel : 'Customer Number',
    id: 'CN',
    width: 125,
    name : 'customernumber',
    listeners: {
            'change': function(thisEl, newVal, oldVal) {
                var searchBtn = Ext.getCmp('srchBtn'); // srchBtn is id of your Search Button. 
                searchBtn.setDisabled(newVal.length < 3); // if length less than 3, then keep it disable
            }
    }
 }

{
xtype:'textfield'，
fieldLabel:“客户编号”，
id:'CN'，
宽度：125，
名称：“customernumber”，
听众：{
“更改”：函数（thisEl、newVal、oldVal）{
var searchBtn=Ext.getCmp（'srchBtn'）；//srchBtn是搜索按钮的id。
searchBtn.setDisabled（newVal.length<3）；//如果长度小于3，则保持禁用状态
}
}
}

这可以通过表单验证或手动监听控件的更改事件轻松实现。请将您的工作发布到目前为止，以便我们能够按照Alexander的要求提供帮助。

倾听项目的更改事件并启用/禁用

按钮
组件应该不会太难。让我们看看你试过什么。