angular-ju-multi-select

WebJar for angular-ju-multi-select

License	MIT
Categories	Angular User Interface Web Frameworks
GroupId	org.webjars.bower
ArtifactId	angular-ju-multi-select
Last Version	0.3.2
Release Date	Apr 15, 2015
Type	jar
Description	angular-ju-multi-select WebJar for angular-ju-multi-select
Project URL	http://webjars.org
Source Code Management	https://github.com/kaifer/angular-ju-multi-select

Download angular-ju-multi-select

Filename	Size
angular-ju-multi-select-0.3.2.pom
angular-ju-multi-select-0.3.2.jar	8 KB
angular-ju-multi-select-0.3.2-sources.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/angular-ju-multi-select/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>angular-ju-multi-select</artifactId>
    <version>0.3.2</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/angular-ju-multi-select/
implementation 'org.webjars.bower:angular-ju-multi-select:0.3.2'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/angular-ju-multi-select/
implementation ("org.webjars.bower:angular-ju-multi-select:0.3.2")

Apache Buildr

'org.webjars.bower:angular-ju-multi-select:jar:0.3.2'

Apache Ivy

<dependency org="org.webjars.bower" name="angular-ju-multi-select" rev="0.3.2">
  <artifact name="angular-ju-multi-select" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='angular-ju-multi-select', version='0.3.2')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "angular-ju-multi-select" % "0.3.2"

Leiningen

[org.webjars.bower/angular-ju-multi-select "0.3.2"]

Dependencies

compile (2)

Group / Artifact	Type	Version
org.webjars.bower : bootstrap	jar	3.3.1
org.webjars.bower : angular	jar	1.2.27

Project Modules

There are no modules declared in this project.

angular-ju-multi-select

An AngularJS directive which creates a multiple selections. Doesn't require jQuery!

Requirements

• AngularJS
• Bootstrap
• AwesomeFont

Installing via Bower

bower install angular-ju-multi-select

Dependency

css

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

javascript

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.18/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.18/angular-route.min.js"></script>

Usage

Add the juMultiSelect module as a dependency to your application module:

var demoAppModule = angular.module('demoApp', ['ngRoute','juMultiSelect'])

Apply the directive to your elements:

<div ju-multi-select="params">
    <div class="col-xs-6">
        <ul ng-repeat="selectable in $selectable" ng-click="params.moveParentToSelected($index)">{{selectable.name}}
            <li ng-repeat="children in selectable.song" ng-click="params.moveChildToSelected($index,selectable,$event)">{{children.name}}</li>
         </ul>
        </div>
        <div class="col-xs-6">
            <ul ng-repeat="selected in $selected" ng-click="params.moveParentToSelectable($index)">{{selected.name}}
                <li ng-repeat="children in selected.song" ng-click="params.moveChildToSelectable($index,selected,$event)">{{children.name}}</li>
            </ul>
        </div>
    </div>
</div>

JuMultiSelectParams

Parameters

• id : Property of identity field.
• children : Property of children field.

Setting

• getData : Function of data feed.

Versions

Version
0.3.2 Apr 15, 2015
0.3.1 Apr 14, 2015