##Bootstrap typeahead 插件的坑

typeahead 自动补全插件,

还是先简单记录一下,如何使用吧:

<div class="form-group">    <label class="col-sm-3 control-label is-required">医生:</label><div class="col-sm-8"><input hidden id="hiddenDoctor" name="doctorId"><input id="doctorName" class="form-control" type="text" required></div>
</div>
$.get(ctx + "treatment/log/doctor/auto/list", function(data){$("#doctorName").typeahead({source: data.value,updater: function (item) {$("#hiddenDoctor").val(item.id)return item.name;}});},'json');

这样就实现了一个自动补全。

typeahead 的做法好像是页面加载后就调用接口,然后再根据输入的关键字进行过滤

如果数据量很大,我觉得这种方式不可取。

我使用Bootstrap typeahead遇到的坑

1.自动补全的返回值字段必须叫name

所以如果你想对某个字段进行自动补全,后端返回数据时,必须将这个字段命名为name。

2.name字段不能含有null

第一个条件是字段必须叫name,第二个条件就是name字段不能是null。返回的列表数据,只要有一个name的字段为null,自动补全就用不了

Bootstrap typeahead自动补全插件的坑相关推荐

  1. 【Linux】Ubuntu 18下安装Vim自动补全插件YouCompleteMe(可高速下载安装)

    前言 本文写于2020年10月,如果你多年后看见这篇文章,方法可能已经失效,但是请牢记,尽量下载你所处时代的最新版本的软件,会减少很多麻烦. 摆正心态 即便按照本文操作,由于你的系统状态和我的不一样, ...

  2. linux自动补全命令插件,vim自动补全插件snipMate

    linux下安装vim自动补全插件snipMate 环境:ubuntu 下载snipMate 官方网站:http://www.vim.org/scripts/script.php?script_id= ...

  3. NovalIDE自动补全插件介绍。

    目前NovalIDE的自动补全插件已经更新到了1.2版本.版本支持的功能有: 1.支持Python脚本的补全,并且有相应的提示: 2.支持对其他语言脚本的补全. 以上两点可以获得类似付费的Sublim ...

  4. vim 自动补全插件YCM 安装 配置

    vim 自动补全插件YCM 安装 配置 报错 NoExtraConfDetected: No .ycm_extra_conf.py file detected, so no compile flags ...

  5. uni-app.07.自动补全插件input-autocomplete的使用

    自动补全插件input-autocomplete的使用 前言 input-autocomplete的使用 1.使用HBuilderX导入插件 2.运行示例项目 3.存在的问题 1).数据过渡曝光 2) ...

  6. VSCode代码自动补全 - 插件篇

    VScode 不能自动补全结束标签?自动修改匹配的结束标签? 这里介绍一款vscode插件,只需要输入标签的单词或字母,按enter键,就能直接自动生成开/闭标签,且光标居中. 还有就是快捷方法的使用 ...

  7. vscode 自动补全插件

    这里写自定义目录标题 Path AutoComplete ------vscode英文版本自动补全插件 step1: 右下角找到齿轮图标,打开扩展插件栏 step2: step3: //导入文件时是否 ...

  8. 【Bootstrap】 typeahead自动补全

    typeahead 这篇文章记录了我在使用typeahead的一些问题,不是很全,但是基本够用. Bootstrap提供typeahead组件来完成自动补全功能. 两种用法: 直接给标签添加属性 &l ...

  9. VIM自动补全插件:deoplete

    Nvim用的是Shougo开发的NCM,但是在VIM 8+就要用同一个作者开发的Deoplete. 参考官网:Shougo/deoplete.nvim 注意:这里只讲怎么给vim8安装. 安装 第一步 ...

最新文章

  1. oracle语法垃圾,oracle 语法
  2. linux内核网络协议栈--2层报文处理(十七)
  3. opencv 运动目标检测
  4. 数据中心新认证出现,UPTIME面临挑战
  5. 成长 | 《大厂晋升指南》学习总结(下)
  6. JMeter实现web接口测试实践举例
  7. c++中cend end_vector :: cend()函数以及C ++ STL中的示例
  8. php+获取jq表单数据类型,jquery怎么获取表单标签值
  9. 【codevs1565】【BZOJ2242】计算器,数论练习
  10. 02-neo4j的基本命令
  11. 前端python与php_WEB前端、PHP、python这三个学习哪一个比较好?
  12. 认识协程gevent
  13. 玩转数据可视化之R语言ggplot2:(九)网络图绘制
  14. python爬取双色球2003-2022年所有数据
  15. 计算机系统的层次结构(计算机组成原理5)
  16. 数学中的Sin和Cos是什么意思?(转)
  17. 特斯拉充电电流设置多大_特斯拉电动汽车充电规格?
  18. HTML5七夕520情人节表白网页❤ 属于我们的浪漫星空 ❤ HTML+CSS+JavaScript
  19. 获取微信openid
  20. 30_java之DButils工具类

热门文章

  1. python 全栈开发,Day106(结算中心(详细),立即支付)
  2. 微信小程序联盟:官方文档+精品教程+demo集合(12月更新……)
  3. 小功率直流电机的驱动电路
  4. 制作 macOS High Sierra U盘
  5. 最赚钱H5游戏《大天使之剑H5》公测24天流水破亿!
  6. 计算机网络技术动态路由配置,计算机网络实验六动态路由的配置
  7. 最亮的win7主题桌面
  8. php 备份数据库插件,zblog php数据库备份插件TiQuan_DB_Backups
  9. 基于JAVA师大家教中心管理系统计算机毕业设计源码+系统+mysql数据库+lw文档+部署
  10. 磁卡、ID卡、IC卡、M1卡、CPU卡的理解区分