File

src/lib/kiewit-numerictextbox/kiewit-numerictextbox-grid.component.ts

Metadata

selector kiewit-numerictextbox-grid
styleUrls kiewit-numerictextbox.component.scss
templateUrl ./kiewit-numerictextbox-grid.component.html

Index

Methods
Inputs
Outputs

Inputs

config

Type: IKiewitNumericTextbox

kcsFormControl
kcsNgModel

Type: string

Outputs

kcsNgModelChange $event type: EventEmitter
kcsValueChange $event type: EventEmitter

Methods

onNgModelChange
onNgModelChange(newValue: )
Parameters :
Name Type Optional Description
newValue
Returns : void
onValueChanged
onValueChanged(value: any)
Parameters :
Name Type Optional Description
value any
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>
Implementation
In Type Script File

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>
           
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""