基于 bootstrap 按钮式下拉菜单组件的搜索建议插件:Bootstrap Search Suggest

jopen 10年前

Bootstrap Search Suggest - v0.0.1

Demo|示例

这是一个基于 bootstrap 按钮式下拉菜单组件的搜索建议插件,必须使用于按钮式下拉菜单组件上。

功能说明

  • 搜索方式:从 data.value 的所有字段数据中查询 keyword 的出现,或字段数据包含于 keyword 中
  • 支持单关键字、多关键字的输入搜索建议,多关键字可自定义分隔符
  • 支持按 data 数据搜索、按 URL 请求搜索和按首次请求URL数据并缓存搜索三种方式【getDataMethod】
  • 单关键字会设置输入框内容和 data-id 两个值,以 indexId 和 indexKey 取值 data 数据的次序为准;多关键字只设置输入框值

快速上手

  1. 引入 jQuery、bootstrap.min.css、bootstrap.min.js
  2. 引入插件js: bootstrap-suggest.min.js
  3. 初始化插件
    var bsSuggest = $("input#test").bsSuggest({        url: "/rest/sys/getuserlist?keyword="     });

具体使用请参考参数配置说明及demo 示例页面源码(Demo)

方法参考

  1. 禁用提示: $("input#test").bsSuggest("disable");
  2. 启用提示: $("input#test").bsSuggest("enable");
  3. 销毁插件: $("input#test").bsSuggest("destroy");
基于 bootstrap 按钮式下拉菜单组件的搜索建议插件:Bootstrap Search Suggest

项目主页:http://www.open-open.com/lib/view/home/1415932442211