基于 bootstrap 按鈕式下拉菜單組件的搜索建議插件:Bootstrap Search Suggest

jopen 10年前發布 | 380K 次閱讀 前端技術 Bootstrap Search Suggest

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.baiduhome.net/lib/view/home/1415932442211

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!