想请问下，我想用easyui的combobox实现easyui autocompletee 搜索怎么做

来源：蜘蛛抓取(WebSpider) 时间：2017-04-18 04:17 标签： easyui combobox 取值
想请问下，我想用easyui的combobox实现 autocomplete 搜索怎么做
我意思是,商品名叫新疆红枣&。。当我在输入框里面填入x&下面也能出来新疆红枣的提示
累死于下面这个截图
我是已经想到保存中文的拼音码首字母。这样是可以实现输入英文出来中文。不知道autocomplete是不是这样。。请高人解答easyui（10）
easyui的combobox确实给我们实现自动补全功能带来了便利,但是有时候我们为了减少服务器压力,会将一些不常更改的数据缓存到前端,例如使用cookie和html5的storage进行缓存.
那么如何使用combobox实现对缓存数据进行提示呢?直接上代码:
filter:function(q, row){//当输入数据时会调用该方法进行筛选过滤,支持键值同时搜索
var opts = $(this).combobox('options');
return row[opts.valueField].indexOf(q) == 0||row[opts.textField].indexOf(q) ==0;
onClickIcon:function(){//使用户点击combobox下拉按钮时也能执行过滤
var q=$(this).combobox(&getValue&);
$(this).combobox(&options&).keyHandler.query.call(this,q);
$(this).combobox(&validate&);
通过easyui的filter属性过滤好数据,为了使用户点击下拉框时亦能有效,那么为点击图标按钮也添加一个事件即可,
当用户输入错误的值后导致数据不能通过验证时的处理方法请参考:&
当下拉框数据量大的时候会导致效率大大降低,那么此时我们可以限定每次提示的数据量以提升效率,请参考:&
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：81331次
积分：1418
积分：1418
排名：千里之外
原创：45篇
转载：114篇
评论：20条
(1)(1)(7)(2)(4)(6)(19)(2)(8)(5)(8)(5)(2)(4)(6)(17)(4)(1)(1)(4)(3)(4)(3)(20)(13)(10)> 博客详情
摘要: 扩展easyui的combobox组件的自动完成（autocomplete），支持多个字段匹配，只是中间的字符串匹配。
update:现有有easyui插件直接提供了该功能。
可以请参考：http://www./ 里面combobox的根据拼音自动显示。里面各种插件造福大家。
——————————————————————————————————————————
easyui的combobox自带的自动完成，只能从第一个字符开始匹配，如果我想通过用户姓名的简拼或者中文名来匹配的话，就需要自己写扩展方法。
easyu自带的filter属性就是做这个用的。
页面的html，其中是远程的Json数据地址：
&input class="easyui-combobox" id="c1"/&
JS代码如下：
$(function () {
//用户名选择事件
$("#c1").combobox({
method: 'get',
url: 'json/mx.json',
valueField: 'id',
textField: 'name',
filter: function (q, row) {
var spell = row['spell'];
if (spell && spell.indexOf(q) &= 0) {
//textField
if (row[$(this).combobox('options').textField].indexOf(q) &= 0) {
demo地址：
人打赏支持
码字总数 7426
支付宝支付
微信扫码支付
打赏金额: ￥
已支付成功
打赏金额: ￥

我要回帖

更多关于 easyui combobox 取值 的文章

 

随机推荐