2014-12-11 5 views
1

Я в основном хочу, чтобы combo box выглядел как текстовое поле с возможностями autocomplete/typeahead.Параметры фильтра на ExtJS ComboBox с typeAhead

я достиг почти все, кроме фильтрации результатов по типу вперед, используя следующий код:

var tboxReportaNombre = Ext.create('Ext.form.field.ComboBox', { 
    margin: '5 0 0 10', 
    store: reportersNamesStore, 
    displayField: 'vcReportaNombre', 
    valueField: 'vcReportaNombre', 
    hideTrigger: true, 
    typeAhead: true, 
    typeAheadDelay: 100, 
    minChars: 2, 
    mode: 'local' 
}); 

И это магазин, я использую:

var reportersNamesStore = Ext.create('Ext.data.Store', { 
    fields: ['vcReportaNombre'], 
    proxy: { 
     type: 'ajax', 
     url: '/SIMAC/Incidencia/GetReportersNames', 
    } 
}); 

Это работает просто отлично, но когда я начну печатать, я бы хотел, чтобы раскрывающийся список был отфильтрован, чтобы соответствовать моему запросу. Сейчас это не так (как показано на рисунке ниже).

Dropdown not matching my query

Любая помощь будет очень ценна. Благодаря!

+0

Пожалуйста, сообщите репортерамНаименованиеОбщая информация или скрипка sencha будут намного полезнее. – Chetan

+0

Спасибо @Chetan, я только что добавил. – Multitut

ответ

5

Я только что решил это, мне пришлось добавить свойства queryMode, установленные в local и lastQuery, чтобы пустая строка.

Попав на имеющую этот код:

var tboxReportaNombre = Ext.create('Ext.form.field.ComboBox', { 
    margin: '5 0 0 10', 
    store: reportersNamesStore, 
    displayField: 'vcReportaNombre', 
    valueField: 'vcReportaNombre', 
    hideTrigger: true, 
    typeAhead: true, 
    typeAheadDelay: 100, 
    minChars: 2, 
    queryMode: 'local', 
    lastQuery: '' 
}); 

Я думаю Сенч должен реализовать машинописное свойство и методы его textboxfield.

+0

Я пытаюсь исправить ту же проблему, но мой queryMode не является локальным. lastQuery = '', похоже, не помогает. Я не понимаю, почему queryMode повлиял бы на это. – skiphoppy

Смежные вопросы