BoldSignEasily embed eSignatures in your .NET applications. Free sandbox with native SDK available.
...
export class AppComponent {
...
public orderData: Object[];
...
actionBegin(args: any) {
if (args.requestType === 'beginEdit' || args.requestType === 'add') {
this.orderData = Object.assign({}, args.rowData);
}
if (args.requestType === 'save') {
// cast string to integer value.
args.data['OrderDate'] = this.orderData['OrderDate'];
args.data['ShippedDate'] = this.orderData['ShippedDate'];
}
}
}
|
<div class="control-section">
<div class="col-lg-9">
<ejs-grid #normalgrid id='Normalgrid' [dataSource]='data' allowPaging='true'
[pageSettings]='pageSettings' [editSettings]='editSettings' [toolbar]='toolbar' (actionBegin)='actionBegin($event)'>
<e-columns>
...
<ng-template #editTemplate let-data>
<ejs-timepicker id="OrderDate" placeholder="Start Date"
[(ngModel)]="orderData.OrderDate" floatLabelType='Never'></ejs-timepicker>
</ng-template>
</e-column>
<e-column field='ShippedDate' headerText='Shipped Date' width='120' [format]='formatoptions' textAlign='Right'>
<ng-template #editTemplate let-data>
<ejs-timepicker id="ShippedDate" placeholder="Start Date"
[(ngModel)]="orderData.ShippedDate" floatLabelType='Never'></ejs-timepicker>
</ng-template>
</e-column>
</e-columns>
</ejs-grid>
</div>
|
...
export class AppComponent {
...
public orderData: Object[];
...
actionBegin(args: any) {
if (args.requestType === 'beginEdit' || args.requestType === 'add') {
this.orderData = Object.assign({}, args.rowData);
}
...
}
}
|