Question

如果单词匹配，则typeahead可以正常工作，但如果输入的字符不正确，则不匹配，则输入的所有文本都会消失。

例如，

奥迪 - 提前工作并找到奥迪。

Au - type ahead工作并找到了奥迪。

Aux - type ahead找不到任何文本，但会删除输入的组合框文本，因此我无法退格x并继续搜索。

X - 提前键入空白输入的文本，为了能够再次搜索，我必须退格一个空白字符。

问题：

1）有关如何解决此问题的任何想法？到目前为止，我的研究指向了afterQuery函数，但到目前为止还没有任何确定性。

2）是否可以覆盖预先输入并使用自定义过滤器？（这将是我的首选方案）

这是代码......

Ext.require(['*', 'Ext.ux.data.PagingMemoryProxy']);


Ext.define('Filter.data.Store', {
    extend: 'Ext.data.Store',
    id: 'carsStore',
    autoLoad: true,
    fields: ['name'],
    pageSize: 3,
    remoteFilter:true,
    proxy: {
        type: 'pagingmemory',
       // url: 'data.json',
        reader: {
            type: 'json',
            root: 'items',
            totalProperty: 'total'
        }
    }
});


Ext.onReady(function() {
var itemsPerPage = 4, 
    data = {
        "total": 6,
        "items": [{
            'name': 'Ford'
        }, {
            'name': 'GM'
        }, {
            'name': 'VW'
        }, {
            'name': 'Audi'
        }, {
            'name': 'Ferrari'
        }, {
            'name': 'McLaren'
        }]
    },
    store = Ext.create('Filter.data.Store',{
        data:data
    });

    store.load();

Ext.create('Ext.grid.Panel', {
    title: 'ComboBox TypeAhead Issue',
    store: store,
    columns: [{
        header: 'Name',
        dataIndex: 'name'
    }, ],
    width: 700,
    height: 150,
    dockedItems: [
              {        
        xtype: 'combobox',
        width: 7,
        hidden: false,
        store:  store,
        fieldLabel: 'name',
        pageSize: true,         
        displayField: 'name',
        valueField: 'name',
            forceSelection: true,
            editable: true,
            typeAhead: true,
            queryMode: 'local',
       }],
    renderTo: Ext.getBody()
});

}）;

Answer 1

通过对afterQuery使用覆盖来找到解决方案 http://www.sencha.com/forum/showthread.php?283526-PagingMemoryCombo-Paging-Combo-with-local-data-filtering

EXTJS 4.2 - 当找不到匹配时，组合框重置

1 个答案: