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.

Angular2 Grid Virtual Scrolling

Thread ID:

Created:

Updated:

Platform:

Replies:

131274 Jul 2,2017 10:13 PM Jul 6,2017 12:41 AM Angular 2
loading
Tags: ejGrid
Dina Abdelbary
Asked On July 2, 2017 10:13 PM

Hi,

I want a sample for Virtual Scrolling in Syncfusion Grid (using Angular2) not javascript, on-demand loading for adding rows at the event of scrolling.
Using a API method that takes the page number and returns only the records in this page.

Waiting for your response.
Thanks

Dina Abdelbary
Replied On July 5, 2017 05:14 AM

Any updates, please?


Saravanan Arunachalam [Syncfusion]
Replied On July 6, 2017 12:41 AM

Hi Dina, 
Thanks for contacting Syncfusion’s support. 
Based on your requirement, we have created a sample that can be downloaded from the below link. 
In that sample, we have performed on-demand paging by enable virtualScrolling and please refer to the below code example. 
appComponent.html  
   
<ej-grid #grid  [dataSource]="gridData" [allowScrolling]=true  
                  [allowPaging]="true"  
                  [query] = "queryorder"> 
             . . .  
</ej-grid>  
   
appComponent.ts  
   
    public gridData = ej.DataManager({  
        url: "http://localhost:49339/Odata",  
        adaptor: new ej.ODataV4Adaptor()     
    });  
    public queryorder = new ej.Query().from('Orders');   
    . . . 
}  
 
 
We have included angular2 sample also with in the project (EJGrid\angular2\ejGrid_Vpaging - Copy\ejGrid_Vpaging)  
Procedure for run the attached sample  
1)     Run the EJGRid Application and note down the LocalHost link (In our case, port number is 49339)  
2)     Run the Angular2 Application Separately   
3)     Use the EJGrid’s port number as Origin for the Angular2 Application and use them as shown below  
Regards, 
Saravanan A. 


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.

;