需要实现的效果:
类似携程网订机票输入目的城市的英文首写或者简写,自动完成后在input框中显示城市中文名称。遇到的问题:
js代码如下var store = new Ext.data.ArrayStore({
fields: ['Name', 'Code','Code2'],
data: [['北京','BJ','beijing'], ['上海','SH','shanghai'], ['广西','GX','guangxi']]
}); var resultTpl = new Ext.XTemplate(
'<tpl for="."><div class="search-item">',
'{Name}--{Code}-{Code2}',
'</div></tpl>'
);
var combo = new Ext.form.ComboBox({
store: store,
displayField:'Code',
typeAhead: true,
mode: 'local',
forceSelection: true,
triggerAction: 'all',
emptyText:'请选择终点站...',
tpl: resultTpl,
itemSelector: 'div.search-item',
//selectOnFocus:true,
//valueField:'Name',
//minChars:1,
hideTrigger:true,
width: 170,
applyTo: 'local-states'
}); 上例中displayField的值设置成拼音简写可以检索,但是最终在input中显示的也是拼音简写,如何使用英文简写检索但是又显示成对应的中文地名?
类似携程网订机票输入目的城市的英文首写或者简写,自动完成后在input框中显示城市中文名称。遇到的问题:
js代码如下var store = new Ext.data.ArrayStore({
fields: ['Name', 'Code','Code2'],
data: [['北京','BJ','beijing'], ['上海','SH','shanghai'], ['广西','GX','guangxi']]
}); var resultTpl = new Ext.XTemplate(
'<tpl for="."><div class="search-item">',
'{Name}--{Code}-{Code2}',
'</div></tpl>'
);
var combo = new Ext.form.ComboBox({
store: store,
displayField:'Code',
typeAhead: true,
mode: 'local',
forceSelection: true,
triggerAction: 'all',
emptyText:'请选择终点站...',
tpl: resultTpl,
itemSelector: 'div.search-item',
//selectOnFocus:true,
//valueField:'Name',
//minChars:1,
hideTrigger:true,
width: 170,
applyTo: 'local-states'
}); 上例中displayField的值设置成拼音简写可以检索,但是最终在input中显示的也是拼音简写,如何使用英文简写检索但是又显示成对应的中文地名?
examples/form/forum-search.html
阿里有个项目,里面有些东西你可以借鉴一下
https://fi.alisoft.com/kplan/home/home!index.jspa#
采购--》采购订单---》新建
看弹出 窗口中的客户选择,希望能帮到你