Skip to content

arboss/angular-picklist

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#Angular Picklist Angular component mildly inspired by Primeface's PickList.

There is one important feature to be mentioned: lists are searchable :)

##Prerequisities

  • Angular 1.3
  • Zurb Foundation (3/4/5)
    • (Markup uses Foundation classes, but can be ignored)
  • Lodash

##Installation

bower install https://github.com/arboss/angular-picklist.git

##Usage

include CSS and Javascript:

<link href="angular-picklist.css" rel="stylesheet"/>
<script src="angular-picklist.js"></script>

Important note: angular-picklist.js must be loaded after angular and lodash (and angular must be loaded before lodash...)

<picklist left-list-rows="leftList" right-list-rows="rightList"/>

Load angular module picklist, such as:

 var app = angular.module('ngApp', ['picklist']);

Additional parameters (optional)

  • show-move-all-buttons - show/hide move all buttons; default is true
  • display - a function that returns the label to be used for each object

Advanced usage with all the perks:

<script type="text/javascript">
function transformFunc(e)
{
    return e.name;
}
</script>

<picklist left-list-rows="leftList" right-list-rows="rightList" show-move-all-buttons="false" display="transformFunc"/>

About

Angular 1.2 Picklist component

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 83.3%
  • CSS 16.7%