src/lib/kiewit-numerictextbox/kiewit-numerictextbox-grid.component.ts
selector | kiewit-numerictextbox-grid |
styleUrls | kiewit-numerictextbox.component.scss |
templateUrl | ./kiewit-numerictextbox-grid.component.html |
Methods |
Inputs |
Outputs |
config
|
Type: |
kcsFormControl
|
|
kcsNgModel
|
Type: |
kcsNgModelChange
|
$event type: EventEmitter
|
kcsValueChange
|
$event type: EventEmitter
|
onNgModelChange | ||||||||
onNgModelChange(newValue: )
|
||||||||
Parameters :
Returns :
void
|
onValueChanged | ||||||||
onValueChanged(value: any)
|
||||||||
Parameters :
Returns :
void
|
import { Component, Input, Output, EventEmitter } from '@angular/core';
import { IKiewitNumericTextbox } from './kiewit-numerictextbox.interface';
import { FormGroup, FormControl, Validators } from '@angular/forms';
@Component({
selector: 'kiewit-numerictextbox-grid',
templateUrl: './kiewit-numerictextbox-grid.component.html',
styleUrls: ['./kiewit-numerictextbox.component.scss']
})
export class KiewitNumericTextboxGridComponent {
@Input() config: IKiewitNumericTextbox = {
spinners: true,
decimals: 2,
format: "a0",
};
@Input() kcsNgModel: string;
@Output() kcsNgModelChange = new EventEmitter();
@Output() kcsValueChange = new EventEmitter();
@Input() kcsFormControl;
onValueChanged(value:any) {
this.kcsValueChange.emit(value);
}
onNgModelChange(newValue) {
this.kcsNgModel = newValue;
this.kcsNgModelChange.emit(newValue);
}
}
<kendo-numerictextbox class="text-box"
[spinners]="config.spinners"
[decimals]="config.decimals"
[format]="config.format"
[value]="config.value"
[ngModel]="kcsNgModel"
(ngModelChange)="onNgModelChange($event)"
[formControl]="kcsFormControl"
></kendo-numerictextbox>
import { Component, Input, Output, EventEmitter } from '@angular/core';
import { FormGroup, FormControl, Validators } from '@angular/forms';
export class KiewitNumericTextboxGridComponent {
currencyTextboxConfig = {
spinners: false,
decimals: 0,
format: "a0"
}
public onGridTabbing(grid: any, keyevent: any){
// service call for onGridTabbingCommon/onShiftTabbing/onTabbing
}
}
In HTML File
<kiewit-numerictextbox-grid [config]="currencyTextboxConfig" [(kcsNgModel)]="dataItem[columndata.field]" (keydown)="onGridTabbing(grdSummary,$event);" [kcsFormControl]="formGroup.get(column.field)"></kiewit-numerictextbox-grid>