bootstrap-tagsinput

2018-06-15 admin

bootstrap-tagsinput是什么

什么是bootstrap-tagsinput,jQuery plugin providing a Twitter Bootstrap user interface for managing tags.

bootstrap-tagsinput介绍、bootstrap-tagsinput使用

Bootstrap Tags Input is a jQuery plugin providing a Twitter Bootstrap user interface for managing tags.

Current stable version: v0.8.0

Usage

Examples can be found here.

Features

  • Objects as tags
  • True multi value
  • Typeahead
  • Designed for Bootstrap 2.3.2 and 3

Objects as tags

Not just support for using strings! This means you can use different values for a tag’s label and value. Each tag also holds a reference to the object by which it was created, so by calling tagsinput('items') an array of the original items is returned.

True multi value support

Other implementations just concatenate the values to a comma separated string. This results in val() returning just this string, and when submitting the form, only one big, concatenated value is sent in the request.

Bootstrap Tags Input provides true multivalue support. Just use a <select multiple /> as your input element, and val() will return an array of the tag values. When submitting the form, an array of values will be sent with the request.

Typeahead support

Integrates with Twitter Bootstraps’ 2.3.2 typeahead, or use custom typeahead when using Bootstrap 3.

Development

Install dependencies:

<pre>npm install grunt install </pre>

Test:

<pre>grunt test </pre>

Build:

<pre>grunt build </pre>

Current Library Versions:

  • Bootstrap: 3.3.5
  • jQuery: 2.1.4
  • Typeahead: 0.11.1

Libraries for testing go in the /lib directory.

History

  • 0.8.0
  • 0.7.1
  • 0.7.0
  • 0.6.1
  • 0.6.0
  • 0.5
  • 0.4
  • 0.3.13
  • 0.3.9
  • 0.3.8
  • 0.3.7
  • 0.3.6
  • 0.3.5
  • 0.3.4

License

This project is licensed under MIT.

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-34097.html

文章标题:bootstrap-tagsinput

回到顶部