您的位置:首页 > 其它

文字自动补全插件typeahead的使用(学习笔记)

2014-01-25 16:16 495 查看
下载地址:http://twitter.github.io/typeahead.js/

typeahead是一款文字补全插件,下面的例子是使用远程的数据集。

/**
* 搜索
*/
function search(){
$('.typeahead').typeahead({
name: 'name',
remote: {
url: '/action/search?name=%QUERY',
filter: function(data){
retval = [];
for (var i = 0;  i < data.length;  i++) {
retval.push({
value: data[i].name,
template: '<p class="search-name">{value}</p>'
});
}
return retval;
}
},
limit:8
});
}


name:指的是后台收到的字段名

limit:表示的是返回下拉的数据个数

value:指的是返回显示的数据

template:指的是返回数据显示的样式
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: