ExtJS findExact() и ошибка пользовательского валидатора

Когда вы вводите дополнительное пространство, хранилище фильтруется. После того, как вы нажмете клавишу Backspace и сработает валидатор, хранилище по-прежнему пусто.

Если у вас есть локальный магазин, вы можете проверять комбо с некоторой задержкой после каждого изменения. Пример:

listeners: {
    change: function() {
        this.validate();
    },
    delay: 100
}

Этого должно быть достаточно.

С другой стороны, если у вас есть удаленное хранилище, попробуйте что-то вроде этого:

validator: function(v) {
    var store = this.getStore(),
        index = store.findExact(this.displayField, v);

    if (index === -1 && store.isLoading()) {
        store.on('load', function() {
            this.validate();
        }, this, { single: true, delay: 100 });
    }

    return (index !== -1) ? true : 'Invalid selection';
}

У меня была аналогичная проблема, и я нашел эту запись. Моя проблема заключалась в том, что я повторно использовал один и тот же экземпляр хранилища в нескольких ComboBox. После предоставления каждому ComboBox собственного хранилища с клонированными данными все было нормально. См. также: https://www.sencha.com/forum/showthread.php?305182-ComboBox-forceSelection-clears-input&p=1127218&viewfull=1#post1127218

Я просто потратил несколько дней на эту проблему и нашел действительно отличное решение (правда, случайно). Вы можете, как предполагает принятый ответ, использовать предоставленную функцию validator; однако, насколько я понимаю, существует гораздо более простое решение, чем дает принятый ответ: оценка того, соответствует ли введенный пользователем ввод значению в хранилище (что является основным вопросом в исходном сообщении).

Преимущество такого подхода к вводу заключается в том, что он позволяет нам обрабатывать вариант использования недопустимого значения, введенного пользователем (проверено; нет значения), и — после того, как поле теряет фокус — Ext JS возвращает поле в исходное состояние. предыдущее значение (которое запоминает свое сохраненное значение).

Это совершенно другой путь, чем вы думаете, но он должен работать, особенно когда .validate() работает независимо от того, предоставляете ли вы реализацию процедуры validator:

validator : function(someParam) {
    if(this.value === null) {
        return "error message"; //falsy
    } else {
        return true;
    }
}

Если вы включите forceSelection, вышеописанное работает очень хорошо и избавляет от ощущения глючности. Это позволяет вам полагаться на .validate, чтобы делать свою магию в другом месте (заметьте, я даже не вызываю его; прочитайте документ, чтобы выяснить, когда он вызывается по отношению к validator), и вам не нужно беспокоиться о том, что пользователь правильно объясняет в принятый ответ.

У нас возникли проблемы с принудительной очисткой пользовательского текста до того, как он закончил печатать. Казалось, мы получили то, что нам было нужно, установив forceSelection в false и просто проверив, что они что-то выбрали.

validator: function(v) {
    if (this.getSelection() === null) {
        return 'invalid text';
    }else{
        return true;
    }
}