Controls in .html page (declarative mode)

Hi Team,
I have started exploring Essentials JS 2 (Preview) with Angular 4x for one of our major product. Thank you for the wonderful framework that you are bringing. I feel the vision of the framework is very good. I have few basic questions on these controls. Can you please help me in these.

1. Do we need to create controls only in .ts page, can we create in html in declarative mode as well as well. If yes, please share one example
<syncfusion-ej2-grid>
     <syncfusion-ej2-grid-column>
<syncfusion-ej2-grid>

This will be handy to create dynamic pages.

2. Tree-Grid and Pivot-Grid are very useful while creating Line of Business applications. Do you have any tentative timelines for these controls.


thank you
-nm

1 Reply

PS Pavithra Subramaniyam Syncfusion Team November 9, 2017 04:26 PM UTC

Hi Nmreddy, 

Thanks for contacting Syncfusion support. 

Query #1:Do we need to create controls only in .ts page, can we create in html in declarative mode. 
 
You can write the control template in html page. The html file should be referred in component.ts file using templateUrl property. Please refer to the following code example and sample link. 
 
grid.html 
 
<div class="control-section"> 
    <ej-grid [dataSource]='data | slice:0:30' height='350'> 
        <e-columns> 
            . . . . 
            . . . . 
        </e-columns> 
    </ej-grid> 
</div> 

app.component.ts 

import { Component, OnInit } from '@angular/core'; 
import { data } from './data'; 
 
@Component({ 
    selector: 'ej2-grid-container', 
    templateUrl: 'grid.html' 
}) 
export class DefaultComponent implements OnInit { 
    . . . 
   . . . 
} 



Query#2: Tree-Grid and Pivot-Grid are very useful while creating Line of Business applications. Do you have any tentative timelines for these controls. 
 
We already have TreeGrid and PivotGrid in our internal roadmap of Essential JS 2. These are tentatively planned to be available on mid of 2018.   
  
Let me know if you have any concerns. 
  
Regards, 
Pavithra S. 


Loader.
Up arrow icon