需要实现的效果:
类似携程网订机票输入目的城市的英文首写或者简写,自动完成后在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中显示的也是拼音简写,如何使用英文简写检索但是又显示成对应的中文地名?
解决方案 »
- weblogic 12c中ext js树显示不了
- 我有一个数组,如何依据这样的条件再重新生成一个数组?
- 一个关于onmouseover出发function的问题
- 一段鼠标拖动层移动的JS,帮忙修改下bug
- JS如何从控件(ASPxPageControl)中取TextBox中的值?
- 请高手推荐JS方面的好书!谢谢!
- 如何从javascript获得Outlook Express对象?
- 苦恼:用javascript的菜单,却总是被下拉框和列表框遮住了,看看谁能搞的定?
- 如何定义一个窗体不可以改变大小,就是当前的窗体!!!!
- 获的连接
- js如何调用asp.net函数
- 有用过selection.createRange().pasteHTML()的高手吗?怎样让它原样显示,不加http。多谢了。
examples/form/forum-search.html
阿里有个项目,里面有些东西你可以借鉴一下
https://fi.alisoft.com/kplan/home/home!index.jspa#
采购--》采购订单---》新建
看弹出 窗口中的客户选择,希望能帮到你