Demo application with Angular2 integration?

[Stefan Tsalapatis]

Do you have a demo application converted in Angular2 ?

thank you

Stefan

[Stefan Tsalapatis]

I would like to see how you handle in Angular2 the grid editing events

foe example the http://js.syncfusion.com/demos/web/#!/azure/grid/editing/externalformonlocaldata

[Madhu Sudhanan P]

Hi Stefan,  

Thanks for choosing Syncfusion products. 

The Grid events can be specified in the Angular 2 template as below. 

Template 

<ej-grid . . . (actionBegin)="onActionBegin($event)"> 

        <e-columns> 

            <e-column field="OrderID" headerText="Order ID" width="75" textalign="right"></e-column> 

. .  

        </e-columns> 

</ej-grid> 

 

Component 

@Component({ 

    . . . .  

   directives: [EJ_GRID_COMPONENTS, CORE_DIRECTIVES], 

    . . .  

}) 

export class DefaultComponent { 

    . . . . 

    onActionBegin(e: any){ 

        if(e.requestType == "beginedit" || e.requestType == "add") { 

            //Do something; 

        } 

    } 

} 

 

For your convenience we have also created a simple sample and the same can be downloaded from the below location. 

Sample Link: http://www.syncfusion.com/downloads/support/directtrac/124068/ze/Demo-833726583 

Please refer to the below link for available events in Grid. 

http://help.syncfusion.com/js/api/ejgrid#events 

Regards, 

Madhu Sudhanan P