angular2-multiselect-dropdown
Advanced tools
Comparing version 1.0.3 to 1.0.4
{ | ||
"name": "angular2-multiselect-dropdown", | ||
"version": "1.0.3", | ||
"version": "1.0.4", | ||
"license": "MIT", | ||
@@ -19,4 +19,3 @@ "angular-cli": {}, | ||
"devDependencies": { | ||
} | ||
} |
@@ -69,10 +69,16 @@ # Angular2 Multiselect Dropdown | ||
} | ||
onItemSelect(item){ | ||
console.log('Selected Item:'); | ||
onItemSelect(item:any){ | ||
console.log(item); | ||
console.log(this.selectedItems2); | ||
} | ||
OnItemDeSelect(item){ | ||
console.log('De-Selected Item:'); | ||
OnItemDeSelect(item:any){ | ||
console.log(item); | ||
console.log(this.selectedItems2); | ||
} | ||
onSelectAll(items: any){ | ||
console.log(items); | ||
} | ||
onDeSelectAll(items: any){ | ||
console.log(items); | ||
} | ||
} | ||
@@ -83,3 +89,8 @@ ``` | ||
```html | ||
<angular2-multiselect [data]="dropdownList" [(ngModel)]="selectedItems" [settings]="dropdownSettings" (onSelect)="onItemSelect($event)" (onDeSelect)="OnItemDeSelect($event)"></angular2-multiselect> | ||
<angular2-multiselect [data]="dropdownList" [(ngModel)]="selectedItems" | ||
[settings]="dropdownSettings" | ||
(onSelect)="onItemSelect($event)" | ||
(onDeSelect)="OnItemDeSelect($event)" | ||
(onSelectAll)="onSelectAll($event)" | ||
(onDeSelectAll)="onDeSelectAll($event)"></angular2-multiselect> | ||
@@ -107,2 +118,6 @@ ``` | ||
Example : (onDeSelect)="OnItemDeSelect($event)" | ||
- `onSelectAll` - Return the list of all selected items. | ||
Example : (onSelectAll)="onSelectAll($event)" | ||
- `onDeSelectAll` - Returns an empty array. | ||
Example : (onDeSelectAll)="onDeSelectAll($event)" | ||
@@ -109,0 +124,0 @@ |
@@ -38,2 +38,8 @@ import { Component, OnInit, NgModule, OnChanges, ViewEncapsulation,forwardRef, Input, Output, EventEmitter, ElementRef, AfterViewInit, Pipe, PipeTransform } from '@angular/core'; | ||
@Output('onSelectAll') | ||
onSelectAll: EventEmitter<Array<ListItem>> = new EventEmitter<Array<ListItem>>(); | ||
@Output('onDeSelectAll') | ||
onDeSelectAll: EventEmitter<Array<ListItem>> = new EventEmitter<Array<ListItem>>(); | ||
private selectedItems: Array<ListItem>; | ||
@@ -76,6 +82,8 @@ private isActive: boolean = false; | ||
} | ||
if(this.isSelectAll){ | ||
if(this.isSelectAll || this.data.length > this.selectedItems.length){ | ||
this.isSelectAll = false; | ||
} | ||
this.onChangeCallback(this.selectedItems); | ||
if(this.data.length == this.selectedItems.length){ | ||
this.isSelectAll = true; | ||
} | ||
} | ||
@@ -137,2 +145,3 @@ private onTouchedCallback: () => void = noop; | ||
this.selectedItems.push(item); | ||
this.onChangeCallback(this.selectedItems); | ||
} | ||
@@ -145,2 +154,3 @@ removeSelected(clickedItem: ListItem){ | ||
}); | ||
this.onChangeCallback(this.selectedItems); | ||
} | ||
@@ -159,2 +169,3 @@ toggleDropdown(){ | ||
this.onChangeCallback(this.selectedItems); | ||
this.onSelectAll.emit(this.selectedItems); | ||
} | ||
@@ -165,2 +176,3 @@ else{ | ||
this.onChangeCallback(this.selectedItems); | ||
this.onDeSelectAll.emit(this.selectedItems); | ||
} | ||
@@ -175,2 +187,2 @@ } | ||
}) | ||
export class AngularMultiSelectModule { } | ||
export class AngularMultiSelectModule { } |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
21721
229
131