加载Twitter bootstrap typeahead的源后执行一个函数

时间:2012-10-22 15:06:48

标签: twitter-bootstrap typeahead bootstrap-typeahead

我实际上是在使用Twitter引导程序中的插件Typeahead,我想在加载来自服务器的数据后添加一个新行。

$('.typeahead').typeahead({
    source: function (query, process) {
        return $.get('/typeahead.json', { q: query }, function (data) {
            return process(data);
        });
    }
});

加载数据后,我想在下拉列表的末尾添加一个带查询的新行。

这样做的诀窍是什么?

1 个答案:

答案 0 :(得分:0)

你必须对以下代码进行一些修改 -

// try using id instead of class  
//like id="#MyTypeahead"

var autocomplete = $('#MyTypeahead').typeahead();  
var srcArray = new Array();


// You should assign ur updated source here.  
srcArray = ["Value1","Value2","Value3","Value4","Value5"];  

srcArray.push("New line goes here");
autocomplete.data('typeahead').source = JSON.parse(srcArray);

现在你的输入源看起来像这样 -
[“Value1”,“Value2”,“Value3”,“Value4”,“Value5”,“New line goes here”]