Bootstrap typeahead自动补全插件的坑
##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自动补全插件的坑相关推荐
- 【Linux】Ubuntu 18下安装Vim自动补全插件YouCompleteMe(可高速下载安装)
前言 本文写于2020年10月,如果你多年后看见这篇文章,方法可能已经失效,但是请牢记,尽量下载你所处时代的最新版本的软件,会减少很多麻烦. 摆正心态 即便按照本文操作,由于你的系统状态和我的不一样, ...
- linux自动补全命令插件,vim自动补全插件snipMate
linux下安装vim自动补全插件snipMate 环境:ubuntu 下载snipMate 官方网站:http://www.vim.org/scripts/script.php?script_id= ...
- NovalIDE自动补全插件介绍。
目前NovalIDE的自动补全插件已经更新到了1.2版本.版本支持的功能有: 1.支持Python脚本的补全,并且有相应的提示: 2.支持对其他语言脚本的补全. 以上两点可以获得类似付费的Sublim ...
- vim 自动补全插件YCM 安装 配置
vim 自动补全插件YCM 安装 配置 报错 NoExtraConfDetected: No .ycm_extra_conf.py file detected, so no compile flags ...
- uni-app.07.自动补全插件input-autocomplete的使用
自动补全插件input-autocomplete的使用 前言 input-autocomplete的使用 1.使用HBuilderX导入插件 2.运行示例项目 3.存在的问题 1).数据过渡曝光 2) ...
- VSCode代码自动补全 - 插件篇
VScode 不能自动补全结束标签?自动修改匹配的结束标签? 这里介绍一款vscode插件,只需要输入标签的单词或字母,按enter键,就能直接自动生成开/闭标签,且光标居中. 还有就是快捷方法的使用 ...
- vscode 自动补全插件
这里写自定义目录标题 Path AutoComplete ------vscode英文版本自动补全插件 step1: 右下角找到齿轮图标,打开扩展插件栏 step2: step3: //导入文件时是否 ...
- 【Bootstrap】 typeahead自动补全
typeahead 这篇文章记录了我在使用typeahead的一些问题,不是很全,但是基本够用. Bootstrap提供typeahead组件来完成自动补全功能. 两种用法: 直接给标签添加属性 &l ...
- VIM自动补全插件:deoplete
Nvim用的是Shougo开发的NCM,但是在VIM 8+就要用同一个作者开发的Deoplete. 参考官网:Shougo/deoplete.nvim 注意:这里只讲怎么给vim8安装. 安装 第一步 ...
最新文章
- oracle语法垃圾,oracle 语法
- linux内核网络协议栈--2层报文处理(十七)
- opencv 运动目标检测
- 数据中心新认证出现,UPTIME面临挑战
- 成长 | 《大厂晋升指南》学习总结(下)
- JMeter实现web接口测试实践举例
- c++中cend end_vector :: cend()函数以及C ++ STL中的示例
- php+获取jq表单数据类型,jquery怎么获取表单标签值
- 【codevs1565】【BZOJ2242】计算器,数论练习
- 02-neo4j的基本命令
- 前端python与php_WEB前端、PHP、python这三个学习哪一个比较好?
- 认识协程gevent
- 玩转数据可视化之R语言ggplot2:(九)网络图绘制
- python爬取双色球2003-2022年所有数据
- 计算机系统的层次结构(计算机组成原理5)
- 数学中的Sin和Cos是什么意思?(转)
- 特斯拉充电电流设置多大_特斯拉电动汽车充电规格?
- HTML5七夕520情人节表白网页❤ 属于我们的浪漫星空 ❤ HTML+CSS+JavaScript
- 获取微信openid
- 30_java之DButils工具类
热门文章
- python 全栈开发,Day106(结算中心(详细),立即支付)
- 微信小程序联盟:官方文档+精品教程+demo集合(12月更新……)
- 小功率直流电机的驱动电路
- 制作 macOS High Sierra U盘
- 最赚钱H5游戏《大天使之剑H5》公测24天流水破亿!
- 计算机网络技术动态路由配置,计算机网络实验六动态路由的配置
- 最亮的win7主题桌面
- php 备份数据库插件,zblog php数据库备份插件TiQuan_DB_Backups
- 基于JAVA师大家教中心管理系统计算机毕业设计源码+系统+mysql数据库+lw文档+部署
- 磁卡、ID卡、IC卡、M1卡、CPU卡的理解区分