扩展easyui的combobox组件的自动完成(autocomplete)
博客专区 > forai 的博客 > 博客详情
扩展easyui的combobox组件的自动完成(autocomplete)
forai 发表于2年前
扩展easyui的combobox组件的自动完成(autocomplete)
  • 发表于 2年前
  • 阅读 3216
  • 收藏 2
  • 点赞 1
  • 评论 0
摘要: 扩展easyui的combobox组件的自动完成(autocomplete),支持多个字段匹配,只是中间的字符串匹配。

update:现有有easyui插件直接提供了该功能。

可以请参考:http://www.easyui-extlib.com/ 里面combobox的根据拼音自动显示。里面各种插件造福大家。

——————————————————————————————————————————

 

easyui的combobox自带的自动完成,只能从第一个字符开始匹配,如果我想通过用户姓名的简拼或者中文名来匹配的话,就需要自己写扩展方法。

easyu自带的filter属性就是做这个用的。

页面的html,其中http://www.feelcal.com/easyui/json/mx.json是远程的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 ret = false;
                //拼音
                var spell = row['spell'];
                if (spell && spell.indexOf(q) >= 0) {
                    ret = true;
                }
                //textField
                if (row[$(this).combobox('options').textField].indexOf(q) >= 0) {
                    ret = true;
                }
                return ret;
            }
        });
    });

 

demo地址:http://www.feelcal.com/easyui/combobox.html

 

共有 人打赏支持
粉丝 2
博文 29
码字总数 7456
×
forai
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: