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

Question

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

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

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

如何在ExtJS 6.0中实现这一点？

Answer 1

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

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

 {    
    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
            }
    }
 }

Answer 2

这可以通过使用表单验证或手动侦听控件的更改事件来轻松实现。请将您的工作张贴到目前为止，以便我们可以根据亚历山大的要求提供帮助。