multiselect-two-sides

WebJar for multiselect-two-sides

License

License

MIT
Categories

Categories

Github Development Tools Version Controls
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

github-com-crlcu-multiselect
Last Version

Last Version

2.3.12
Release Date

Release Date

Type

Type

jar
Description

Description

multiselect-two-sides
WebJar for multiselect-two-sides
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/crlcu/multiselect

Download github-com-crlcu-multiselect

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/github-com-crlcu-multiselect/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>github-com-crlcu-multiselect</artifactId>
    <version>2.3.12</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/github-com-crlcu-multiselect/
implementation 'org.webjars.npm:github-com-crlcu-multiselect:2.3.12'
// https://jarcasting.com/artifacts/org.webjars.npm/github-com-crlcu-multiselect/
implementation ("org.webjars.npm:github-com-crlcu-multiselect:2.3.12")
'org.webjars.npm:github-com-crlcu-multiselect:jar:2.3.12'
<dependency org="org.webjars.npm" name="github-com-crlcu-multiselect" rev="2.3.12">
  <artifact name="github-com-crlcu-multiselect" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='github-com-crlcu-multiselect', version='2.3.12')
)
libraryDependencies += "org.webjars.npm" % "github-com-crlcu-multiselect" % "2.3.12"
[org.webjars.npm/github-com-crlcu-multiselect "2.3.12"]

Dependencies

compile (1)

Group / Artifact Type Version
org.webjars.npm : jquery jar [1.7,)

Project Modules

There are no modules declared in this project.

multiselect

jQuery multiselect plugin with two sides. The user can select one or more items and send them to the other side.

Demo

Requirements

  • jQuery 1.7 or higher

Quick start

Several quick start options are available:

  • Clone the repo: git clone https://github.com/crlcu/multiselect.git or
  • Install with Bower: bower install multiselect-two-sides.

Usage example

<div class="row">
	<div class="col-xs-5">
		<select name="from[]" id="multiselect" class="form-control" size="8" multiple="multiple">
			<option value="1">Item 1</option>
			<option value="3">Item 3</option>
			<option value="2">Item 2</option>
		</select>
	</div>
	
	<div class="col-xs-2">
		<button type="button" id="multiselect_rightAll" class="btn btn-block"><i class="glyphicon glyphicon-forward"></i></button>
		<button type="button" id="multiselect_rightSelected" class="btn btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button>
		<button type="button" id="multiselect_leftSelected" class="btn btn-block"><i class="glyphicon glyphicon-chevron-left"></i></button>
		<button type="button" id="multiselect_leftAll" class="btn btn-block"><i class="glyphicon glyphicon-backward"></i></button>
	</div>
	
	<div class="col-xs-5">
		<select name="to[]" id="multiselect_to" class="form-control" size="8" multiple="multiple"></select>
	</div>
</div>
<script type="text/javascript" src="path/to/jquery.min.js"></script>
<script type="text/javascript" src="path/to/multiselect.min.js"></script>

<script type="text/javascript">
jQuery(document).ready(function($) {
	$('#multiselect').multiselect();
});
</script>

Bugs and feature requests

If your problem or idea is not addressed yet, please open a new issue.

Versioning

For transparency into release cycle and in striving to maintain backward compatibility, multiselect is maintained under the Semantic Versioning guidelines.

License

The multiselect plugin is open-sourced software licensed under the the MIT license.

Versions

Version
2.3.12