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.
Unfortunately, activation email could not send to your email. Please try again.

Demo application with Angular2 integration?

Thread ID:

Created:

Updated:

Platform:

Replies:

124068 May 12,2016 06:37 PM May 13,2016 08:44 AM JavaScript 2
loading
Tags: ejmGrid
Stefan Tsalapatis
Asked On May 12, 2016 06:37 PM

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

Stefan Tsalapatis
Replied On May 12, 2016 07:02 PM

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 [Syncfusion]
Replied On May 13, 2016 08:44 AM

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 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;