angular-bootstrap-multiselect

WebJar for angular-bootstrap-multiselect

License

License

MIT
Categories

Categories

Angular User Interface Web Frameworks
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

angular-bootstrap-multiselect
Last Version

Last Version

0.5.0
Release Date

Release Date

Type

Type

jar
Description

Description

angular-bootstrap-multiselect
WebJar for angular-bootstrap-multiselect
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/sebastianha/angular-bootstrap-multiselect

Download angular-bootstrap-multiselect

How to add to project

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

Dependencies

compile (2)

Group / Artifact Type Version
org.webjars.bower : angular jar [1.2.0,)
org.webjars.bower : bootstrap jar [3.0.0,)

Project Modules

There are no modules declared in this project.

angular-bootstrap-multiselect

A multiselect dropdown list for AngularJS styled to fit the Twitter Bootstrap standard design

Screenshot:

Screenshot

Originally created by Amitava Saha (https://github.com/amitava82/angular-multiselect)

Installation via Bower:

$ bower install angular-bootstrap-multiselect --save

Usage:

Add "ui.multiselect" to your modules list. Then you can use it like follows:

<multiselect
    ng-model="selectModel"
    options="c for c in selectOptions"    // use ... c.name for c in ... for objects
    data-multiple="true"                  // true for multi-select mode
    data-compare-by="id"                  // set key to compare objects, otherwise is has to be equal to options
    data-header-key="header"              // Key which marks headers in the objects list
    data-divider-key="divider"            // Key which marks dividers in the objects list
    scroll-after-rows="5"                 // Show scroll bar after 5 rows
    filter-after-rows="5                  // Show filter input after 5 rows
    max-width="100"                       // The maximum width of the multiselect dropdown button
    tabindex="-1">                        // tabindex setting for dropdown
</multiselect>

See index.html and app.js for examples and how it works.

Testing:

Start web server e.g. via Python:

$ python -m SimpleHTTPServer 8000

Start Karma E2E tests (has to be installed globally before):

$ karma start

License

Copyright (c) 2017 Sebastian Hammerl, Getslash GmbH

Copyright (c) 2014 Amitava Saha

Licensed under the MIT License

Versions

Version
0.5.0
0.4.0