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

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

转载于:https://my.oschina.net/u/1411360/blog/889312