taginput ,complete使用笔记

Posted study_well_

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了taginput ,complete使用笔记相关的知识,希望对你有一定的参考价值。

页面用到自动完成功能及需要taginput控件去展示,查资料的过程中发现

有两个类似的jQuery类库,到现在我也没搞明白它们两个有啥关联,jquery.tagsinput.js和bootstrap-tagsinput.js,后者在github上有(https://github.com/bootstrap-tagsinput/bootstrap-tagsinput),官网地址:http://jquery-plugins.net/bootstrap-tags-input;

前者的用法

$(selector).tagsInput({
   ‘autocomplete_url‘: url_to_autocomplete_api,//这个参数可以试url或者js方法
   ‘autocomplete‘: { option: value, option: value},//这个参数只有当使用旧版的autocomplete类库才有用,对集成到JQuery.ui中的无效
   ‘height‘:‘100px‘,
   ‘width‘:‘300px‘,
   ‘interactive‘:true,
   ‘defaultText‘:‘add a tag‘,
   ‘onAddTag‘:callback_function,
   ‘onRemoveTag‘:callback_function,
   ‘onChange‘ : callback_function,
   ‘removeWithBackspace‘ : true,
   ‘minChars‘ : 0,
   ‘maxChars‘ : 0 //if not provided there is no limit,
   ‘placeholderColor‘ : ‘#666666‘
});

  这里有个坑 autocomplete补充的下拉,是个对象,select的option会有 value和label,当我们点击选中的时候会只会讲value 传递个taginput,因为taginput只能是字符串,没有对对象进行处理,所有只能修改源码,处理value是个对象的情况(需要处理的问题有两点,一是taginput的显示字段,另一个是我们需要取到的值,因为每次点击autocomplete的下拉框都会触发taginput的addTag方法,因此可以直接修改addtag方法)

以上是关于taginput ,complete使用笔记的主要内容,如果未能解决你的问题,请参考以下文章

jQuery - 学习笔记 - 全局添加ajax重定向

Code Complete 笔记—— 第一章

chatgpt接口开发笔记1:completions接口

编译原理构建一个简单的解释器(Let’s Build A Simple Interpreter. Part 7.)(笔记)解释器 interpreter 解析器 parser 抽象语法树AST(代码片

Android Parcelable反序列化报错笔记:java.lang.RuntimeException: Unmarshalling unknown type code at offset(代码片

论文笔记 Generative Face Completion