文档章节

easy ui 组合框实现输入框模糊匹配 候选

s
 stocket
发布于 2017/04/28 17:05
字数 137
阅读 9
收藏 0

使用 easy ui combobox 实现

 var tasks = "${tasks}";  
            var taskData = tasks.split("|");  //所有数据成为字符串数组
            var arr = new Array();
            for(var i = 0;i<taskData.length;i++){
                arr.push({text:taskData[i]});    //转化为combobox可识别data格式 [{text:'text'},{},...]
            }
            $('#f_taskName').combobox({
                valueField:'text',
                textField:'text',
                width:'200px',
                mode: 'local',       //本地模式
                data:arr,
                onSelect:function(record){
                    //选择一个记录,把值放在 input中
                    $('#f_taskName').val(record.text);
                },
                filter: function(q, row){
                   //根据输入模糊匹配结果
                    var opts = $(this).combobox('options');
                    return row[opts.textField].indexOf(q) == 0;
                }
            });

easy ui 组合框 API: http://www.jeasyui.net/plugins/169.html

© 著作权归作者所有

共有 人打赏支持
下一篇: 动态代理
s
粉丝 0
博文 26
码字总数 6735
作品 0
南京
私信 提问
新版 Win 10 针对中国市场,改善简体中文输入体验

如果你是Windows Insider项目Fast通道的用户,想必今天已经升级至最新的Windows 10 Build 14986。该版本中涵盖了大量新功能,尤其为中国市场进行了针对性优化调整,已经升级的用户可以亲自体...

两味真火
2016/12/11
3.4K
35
zTree实现树形图模糊搜索

0. 项目地址: https://github.com/bigablecat/zTreeFuzzySearch 1. 在搜索框中输入关键字,希望实现的效果: a). 树形图隐藏所有不匹配的节点 b). 节点名称中匹配部分高亮 2. 慢速演示: 3. 完整...

bigablecat
2017/12/23
0
0
Windows Phone 7 自动完成输入框控件AutoCompleteBox

自动完成输入框控件AutoCompleteBox是一种很常用的控件,它实现了文本框的输入的自动搜索的功能,可以加快用户的输入效率。该控件在微软的Silverlight 开源控件项目“Silverlight Toolkit”中...

junwong
2012/02/28
529
0
前端实现输入框input输入时,调用后台查询。

这几天做了一个前端html页面,基于bootstrap框架开发,里面有个需求就是在输入框中输入字母或者文字时,下拉框自动刷新模糊查询出的信息。最初我的想法是监控键盘上的按键输入,每次输入一个...

道之若无
04/17
0
0
Vue折腾记 - (3)写一个不大靠谱的typeahead组件

前言 在网站中的应用很多..今天跟着我来写一个不大靠谱的; 你能学到什么? 自定义事件 遍历的思想 功能细节的考虑 一切都挺不靠谱的...可完善的地方很多.废话不多说,看效果图 更新 2017-07-21...

CRPER
2017/07/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

rabbitmq学习

使用docker安装rabbit docker run -d --hostname my-rabbit --name rabbit -p 8080:15672 rabbitmq:management--hostname:指定容器主机名称--name:指定容器名称-p:将mq端口号映射到本地...

元谷
17分钟前
0
0
想知道谁是你的最佳用户?基于Redis实现排行榜周期榜与最近N期榜

本文由云+社区发表 前言 业务已基于Redis实现了一个高可用的排行榜服务,长期以来相安无事。有一天,产品说:我要一个按周排名的排行榜,以反映本周内用户的活跃情况。于是周榜(按周重置更新...

腾讯云加社区
19分钟前
1
0
函数计算性能福利篇(二) —— 业务冷启动优化

继前一篇《函数计算性能福利篇——系统冷启动优化》,我们再来看看近期函数计算推出的 Initializer 功能之后,带来的一波高能性能优化成果。 背景 函数计算是一个事件驱动的全托管 serverle...

阿里云官方博客
24分钟前
1
0
开源版本说明

1527
26分钟前
2
0
Mysql经验-------持续更新

单表行数超过 500 万行或者单表容量超过 2GB,才推荐进行分库分表。 说明:如果预计三年后的数据量根本达不到这个级别,请不要在创建表时就分库分表。

DoLo-lty
28分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部