We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Demo application with Angular2 integration?

Do you have a demo application converted in Angular2 ?
thank you
Stefan

2 Replies

ST Stefan Tsalapatis May 12, 2016 11:02 PM UTC

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


MS Madhu Sudhanan P Syncfusion Team May 13, 2016 12:44 PM UTC

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. 


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


Regards, 
Madhu Sudhanan P 


Loader.
Up arrow icon