Typeahead / Bloodhound将结果转换为链接

时间:2014-09-15 09:40:10

标签: typeahead.js bloodhound

我正在关注这个http://twitter.github.io/typeahead.js/examples/#multiple-datasets,然后使用远程数据库从数据库中检索数据。现在我想把结果变成链接,比如当你点击一个结果时它会重定向到另一个名为view.php?id =#的页面。怎么做?

Update1 :所以我尝试了Handlebars,我不知道为什么它不起作用。以下是我的代码。我还不介意id,因为我的代码不起作用。我先测试了这个名字。

var searchResult = new Bloodhound({
        datumTokenizer: function (d) {
        return Bloodhound.tokenizers.whitespace(d.name);
       },
        queryTokenizer: Bloodhound.tokenizers.whitespace,
        remote: {
            url: 'data.php?q=%QUERY',
            filter: function (results) {
                return $.map(results, function (result) {
                    return {
                       name: result.cl_fname
                    };
                });
            }
        }
    });

    searchResult.initialize();

    $('#multiple-datasets .typeahead').typeahead({
    hint: true,
    highlight: true
    },
    {
        name: 'cl-name',
        displayKey: 'name',
        source: searchResult.ttAdapter(),
        templates: {
        empty: [
            '<div class="empty-message">',
            'Cannot find.',
            '</div>'
        ].join('\n'),
        suggestion: Handlebars.compile('<p><strong>{{name}}</p>')
        }
    });

1 个答案:

答案 0 :(得分:0)

我现在就开始工作了。我不知道Handlebars是一个不同的库,所以我想出来并下载它。