【发布时间】:2014-09-25 17:42:48
【问题描述】:
如果单词匹配,预输入可以正常工作,但是如果输入了不正确的字符,因此不匹配,那么所有输入的文本都会消失。
例如,
Audi - 提前输入有效并找到 Audi。
Au - 提前输入有效并找到 Audi。
Aux - 提前输入未找到任何文本,但会将输入的组合框文本清空,因此我无法退格 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()
});
});
【问题讨论】: