基于 bootstrap 按钮式下拉菜单组件的搜索建议插件:Bootstrap Search Suggest
jopen
10年前
Bootstrap Search Suggest - v0.0.1
这是一个基于 bootstrap 按钮式下拉菜单组件的搜索建议插件,必须使用于按钮式下拉菜单组件上。
功能说明
- 搜索方式:从 data.value 的所有字段数据中查询 keyword 的出现,或字段数据包含于 keyword 中
- 支持单关键字、多关键字的输入搜索建议,多关键字可自定义分隔符
- 支持按 data 数据搜索、按 URL 请求搜索和按首次请求URL数据并缓存搜索三种方式【getDataMethod】
- 单关键字会设置输入框内容和 data-id 两个值,以 indexId 和 indexKey 取值 data 数据的次序为准;多关键字只设置输入框值
快速上手
- 引入 jQuery、bootstrap.min.css、bootstrap.min.js
- 引入插件js:
bootstrap-suggest.min.js
- 初始化插件
var bsSuggest = $("input#test").bsSuggest({ url: "/rest/sys/getuserlist?keyword=" });
具体使用请参考参数配置说明及demo 示例页面源码(Demo)
方法参考
- 禁用提示:
$("input#test").bsSuggest("disable");
- 启用提示:
$("input#test").bsSuggest("enable");
- 销毁插件:
$("input#test").bsSuggest("destroy");