Skip to content

Commit

Permalink
feat(igx-combo): add combo component files #1260
Browse files Browse the repository at this point in the history
  • Loading branch information
Lipata committed May 9, 2018
1 parent 2f4f84b commit f46c147
Show file tree
Hide file tree
Showing 4 changed files with 85 additions and 0 deletions.
24 changes: 24 additions & 0 deletions src/combo/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
# igx-combo

`igx-combo` is a component.
A walkthrough of how to get started can be found [here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/combo.html)

# Usage


Basic usage of `igx-combo`

```html
```

## API

# API Summary
| Name | Type | Description |
|:----------|:-------------:|:------|

### Methods

| open |
|:----------|
| Opens combo list items. |
3 changes: 3 additions & 0 deletions src/combo/combo.component.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
<div class="igx-combo">
<ng-content></ng-content>
</div>
Empty file.
58 changes: 58 additions & 0 deletions src/combo/combo.component.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
import { ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, NgModule, OnDestroy, OnInit, Output } from "@angular/core";
import { IgxSelectionAPIService } from "../core/selection";
import { IgxRippleModule } from "../directives/ripple/ripple.directive";

@Component({
selector: "igx-combo",
templateUrl: "combo.component.html"
})
export class IgxComboComponent implements OnInit, OnDestroy {
@Input()
public data;

@Input()
public primaryKey;

@Output()
public onDropDownOpen = new EventEmitter<IComboDropDownOpenEventArgs>();

@Output()
public onDropDownClosed = new EventEmitter<IComboDropDownClosedEventArgs>();

@Output()
public onSelectionChange = new EventEmitter<IComboSelectionChangeEventArgs>();

constructor(
public selectionApi: IgxSelectionAPIService,
public cdr: ChangeDetectorRef,
private element: ElementRef) { }

public ngOnInit() {

}

public ngOnDestroy() {

}
}

export interface IComboDropDownOpenEventArgs {
event?: Event;
}

export interface IComboDropDownClosedEventArgs {
event?: Event;
}

export interface IComboSelectionChangeEventArgs {
oldSelection: any[];
newSelection: any[];
event?: Event;
}

@NgModule({
declarations: [IgxComboComponent],
exports: [IgxComboComponent],
imports: [IgxRippleModule]
})
export class IgxComboModule { }

0 comments on commit f46c147

Please sign in to comment.