基于 bootstrap 按鈕式下拉菜單組件的搜索建議插件:Bootstrap Search Suggest
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");

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