文字自动补全插件typeahead的使用(学习笔记)
2014-01-25 16:16
495 查看
下载地址:http://twitter.github.io/typeahead.js/
typeahead是一款文字补全插件,下面的例子是使用远程的数据集。
name:指的是后台收到的字段名
limit:表示的是返回下拉的数据个数
value:指的是返回显示的数据
template:指的是返回数据显示的样式
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:指的是返回数据显示的样式
相关文章推荐
- Bootstrap3使用typeahead插件实现自动补全功能
- Bootstrap3使用typeahead插件实现自动补全功能
- 使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
- 使用Bootstrap typeahead插件实现搜索框自动补全的方法
- 使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
- 使用Bootstrap typeahead插件实现搜索框自动补全的方法
- springmvc学习笔记--mybatis--使用插件自动生成实体和mapper
- SMP3.0学习笔记之八 使用Kapsel Update插件实现移动应用的自动更新
- BootStrap Typeahead自动补全插件实例代码
- bootstrap - typeahead自动补全插件
- 来自Twitter的自动文字补齐jQuery插件 - Typeahead.js
- 【微收藏】来自Twitter的自动文字补齐jQuery插件 - Typeahead.js
- springmvc学习笔记--mybatis--使用插件自动生成实体和mapper
- 来自Twitter的自动文字补齐jQuery插件 - Typeahead.js
- 来自Twitter的自动文字补齐jQuery插件 - Typeahead.js
- 大数据学习笔记:在eclipse上使用Ant插件实现自动编译打包
- 代码自动补全插件CodeMix使用教程(一):智能感知
- Activiti学习笔记7 — ReceiveTask机器自动任务的使用
- UI学习笔记---EasyUI panel插件使用---03
- NSIS学习笔记(二)-使用C++开发NSIS插件