JS控件bootstrap suggest plugin使用方法详解

本文为大家分享了bootstrap-suggest-plugin插件，这是一个简单的编辑提示控件，供大家参考，具体内容如下

bootstrap-suggest-plugin插件地址

页面如下面所示，使用此控件

<div class="form-group">
          <label class="col-xs-3 text-right control-label">库管员:</label>
          <div class="col-xs-9">
            <div class="input-group">
              <input type="text" class="form-control no-padding" id="keeperUserName" value="${keeperUserName}" />
              <div class="input-group-btn" style="width:1px;">
                <ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
              </div>
        </div>
    </div>
</div>

js侧这里用到了两个字段keeperUserName,keeperUser。其中keeperUser是用来保存用户数据的id，因为很多form表单保存的数据库中都是数据的id，而不是数据显示值。

 $('#keeperUserName').bsSuggest({
      url:ctx+'/fontalUser/find?filter_likes_name=',
      getDataMethod:'url',
      effectiveFields:['username','name','phone'],
      effectiveFieldsAlias:{username:'用户账号',name:'姓名',phone:'手机号'},
      showHeader:true,
      allowNoKeyword:false,
      multiWord:false,
      idField:'id',
      keyField:'name'
    }).on('onSetSelectValue', function (e, keyword, data) {
      $('#keeperUser').val(data.id);
    });

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# bootstrap  # suggest  # bootstrap suggest搜索建议插件使用详解  # Bootstrap Search Suggest使用例子  # Bootstrap select多选下拉框实现代码  # Bootstrap select实现下拉框多选效果  # BootStrap中关于Select下拉框选择触发事件及扩展  # BootStrap下拉框在firefox浏览器界面不友好的解决方案  # Bootstrap框架下下拉框select搜索功能  # Bootstrap模块dropdown实现下拉框响应  # 自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框  # bootstrap suggest下拉框使用详解  # 都是  # 这是一个  # 所示  # 大家分享  # 表单  # 数据库中  # 具体内容  # 大家多多  # 而不是  # 是用来  # gt  # label  # group  # lt  # div  # form  # type  # input  # id  # padding 

相关文章： 如何获取上海专业网站定制建站电话？  齐河建站公司：营销型网站建设与SEO优化双核驱动策略  建站之星代理费用多少？最新价格详情介绍  官网建站费用明细查询_企业建站套餐价格及收费标准指南  微信小程序制作网站有哪些,微信小程序需要做网站吗？  建站主机与虚拟主机有何区别？如何选择最优方案？  如何选择适配移动端的WAP自助建站平台？  济南专业网站制作公司,济南信息工程学校怎么样？  网站制作免费,什么网站能看正片电影？  北京专业网站制作设计师招聘,北京白云观官方网站？  北京制作网站的公司,北京铁路集团官方网站？  如何零基础开发自助建站系统？完整教程解析  建站之星安装提示数据库无法连接如何解决？  如何在服务器上配置二级域名建站？  建站主机如何选？性能与价格怎样平衡？  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  如何通过智能用户系统一键生成高效建站方案？  新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站，我要发表小说？  建站之星如何通过成品分离优化网站效率？  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  宝塔面板如何快速创建新站点？  如何在Windows服务器上快速搭建网站？  小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化  深圳 网站制作,深圳招聘网站哪个比较好一点啊？  如何用西部建站助手快速创建专业网站？  PHP正则匹配日期和时间(时间戳转换)的实例代码  香港服务器网站推广：SEO优化与外贸独立站搭建策略  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  昆明高端网站制作公司,昆明公租房申请网上登录入口？  音响网站制作视频教程,隆霸音响官方网站？  如何配置WinSCP新建站点的密钥验证步骤？  c# Task.Yield 的作用是什么 它和Task.Delay(1)有区别吗  如何确保FTP站点访问权限与数据传输安全？  如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  小程序网站制作需要准备什么资料,如何制作小程序？  建站之星如何修改网站生成路径？  如何规划企业建站流程的关键步骤？  制作网站的模板软件,网站怎么建设？  小自动建站系统：AI智能生成+拖拽模板，多端适配一键搭建  太原网站制作公司有哪些,网约车营运证查询官网？  ,怎么用自己头像做动态表情包？  如何选择建站程序？包含哪些必备功能与类型？  建站之家VIP精选网站模板与SEO优化教程整合指南  如何在阿里云虚拟主机上快速搭建个人网站？  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  开源网站制作软件,开源网站什么意思？  如何通过服务器快速搭建网站？完整步骤解析  制作电商网页,电商供应链怎么做？  Python lxml的etree和ElementTree有什么区别  宁波自助建站系统如何快速打造专业企业网站？