easy ui 组合框实现输入框模糊匹配 候选
博客专区 > stocket 的博客 > 博客详情
easy ui 组合框实现输入框模糊匹配 候选
stocket 发表于8个月前
easy ui 组合框实现输入框模糊匹配 候选
  • 发表于 8个月前
  • 阅读 3
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

使用 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

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