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 

相关文章： 深圳网站制作设计招聘,关于服装设计的流行趋势，哪里的资料比较全面？  制作网站公司那家好,网络公司是做什么的？  建站主机选购指南：核心配置与性价比推荐解析  头像制作网站在线观看,除了站酷，还有哪些比较好的设计网站？  建站主机是什么？如何选择适合的建站主机？  建站之家VIP精选网站模板与SEO优化教程整合指南  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话？  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  香港服务器租用费用高吗？如何避免常见误区？  如何高效利用亚马逊云主机搭建企业网站？  如何在IIS7上新建站点并设置安全权限？  如何在阿里云完成域名注册与建站？  制作电商网页,电商供应链怎么做？  建站主机服务器选购指南：轻量应用与VPS配置解析  ,柠檬视频怎样兑换vip？  如何高效生成建站之星成品网站源码？  建站ABC备案流程中有哪些关键注意事项？  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  专业商城网站制作公司有哪些,pi商城官网是哪个？  金*站制作公司有哪些,金华教育集团官网？  广州营销型建站服务商推荐：技术优势与SEO优化解析  免费ppt制作网站,有没有值得推荐的免费PPT网站？  制作表格网站有哪些,线上表格怎么弄？  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  高防服务器租用指南：配置选择与快速部署攻略  广东专业制作网站有哪些,广东省能源集团有限公司官网？  如何通过cPanel快速搭建网站？  网站制作网站,深圳做网站哪家比较好？  如何在建站之星绑定自定义域名？  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  定制建站方案优化指南：企业官网开发与建站费用解析  建站DNS解析失败？如何正确配置域名服务器？  如何在建站之星网店版论坛获取技术支持？  建站之星在线版空间：自助建站+智能模板一键生成方案  如何配置IIS站点权限与局域网访问？  如何用PHP快速搭建CMS系统？  如何快速登录WAP自助建站平台？  在线制作视频网站免费,都有哪些好的动漫网站？  专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  ,购物网站怎么盈利呢？  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？  如何用5美元大硬盘VPS安全高效搭建个人网站？  深圳网站制作的公司有哪些,dido官方网站？  成都网站制作公司哪家好,四川省职工服务网是做什么用？  建站之星2.7模板：企业网站建设与h5定制设计专题  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？