类型检索中出现重复记录

时间:2016-02-10 16:34:49

标签: javascript jquery typeahead.js typeahead bloodhound

我正在使用typeahaead.js实现typeahead搜索,但是在typeahead搜索框中输入类型,在建议下拉列表中每个记录都会出现两次。我检查了数据源(即POST api调用),它只有唯一的记录。我在做什么错了?有任何帮助或相关链接。

即使控制也不会重复检测。

类似问题discussed here,但没有解决方案。

{{1}}

1 个答案:

答案 0 :(得分:5)

我找到了解决方案,我在过滤器中做错了。我的解决方案是

var result = new Bloodhound({
            datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
            queryTokenizer: Bloodhound.tokenizers.whitespace,

            remote: {
                url: 'abc.com&qterm=#%QUERY',
                wildcard: '%QUERY',
                rateLimitWait: 300 ,
                transport: function (opts, onSuccess, onError) {
                    var url = opts.url.split("#")[0];
                    var query = opts.url.split("#")[1];
                    $.ajax({
                        url: url + query,
                        type: "POST",
                        success: onSuccess,
                        error: onError,
                    });


                },
                filter: function (data) {
                    if (data) {
                        var result = data.data.results.data;
                        return $.map(result, function (object) {
                            return { name: object.basicinfo.object_name, id: object.basicinfo.id };
                        });
                    } else {
                        return {};
                    }
                }
            },
            dupDetector: function (remoteMatch, localMatch) {
                return remoteMatch.id === localMatch.id;
            }
        });
        function onSuccess(data) {
        }
        result.initialize();
        $('input').typeahead(null, {
            hint: true,
            name: 'result',
            displayKey: 'name',
            source: result.ttAdapter(),
            templates: {
                empty: ['<div class="empty-message">', 'no results found', '</div>'].join('\n'),
                suggestion: function (data) {
                    return '<p class="type-suggestion">' + data.name + '</p> \n\r';
                }
            },

        })