文字自动补全插件typeahead的使用(学习笔记)
下载地址: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:指的是返回数据显示的样式