import { Component } from '@angular/core' ;
import { TreeNode } from 'primeng/api' ;
import { MessageService } from 'primeng/api' ;
@Component({
selector: 'app-root' ,
templateUrl: './app.component.html' ,
providers: [MessageService],
})
export class AppComponent {
tableData: TreeNode[] = [];
cols: any[] = [];
constructor(private messageService: MessageService) { }
ngOnInit() {
this .cols = [
{ field: 'name' , header: 'First Name' },
{ field: 'age' , header: 'Age' },
];
this .tableData = [
{
data: {
name: 'A' ,
age: '40' ,
},
children: [
{
data: {
name: 'B' ,
age: '16' ,
},
},
{
data: {
name: 'C' ,
age: '14' ,
},
},
],
},
{
data: {
name: 'D' ,
age: '55' ,
},
children: [
{
data: {
name: 'E' ,
age: '20' ,
},
},
{
data: {
name: 'F' ,
age: '24' ,
},
},
],
},
{
data: {
name: 'G' ,
age: '32' ,
},
children: [
{
data: {
name: 'H' ,
age: '20' ,
},
},
{
data: {
name: 'I' ,
age: '24' ,
},
},
],
},
{
data: {
name: 'J' ,
age: '64' ,
},
children: [
{
data: {
name: 'K' ,
age: '20' ,
},
},
{
data: {
name: 'L' ,
age: '24' ,
},
},
],
},
{
data: {
name: 'M' ,
age: '12' ,
},
children: [
{
data: {
name: 'N' ,
age: '20' ,
},
},
{
data: {
name: 'O' ,
age: '24' ,
},
},
],
},
{
data: {
name: 'P' ,
age: '34' ,
},
children: [
{
data: {
name: 'Q' ,
age: '20' ,
},
},
{
data: {
name: 'R' ,
age: '24' ,
},
},
],
},
{
data: {
name: 'S' ,
age: '43' ,
},
children: [
{
data: {
name: 'T' ,
age: '20' ,
},
},
{
data: {
name: 'U' ,
age: '24' ,
},
},
],
},
];
}
handleClick(event: any) {
this .messageService.add({
severity: 'warn' ,
summary: 'Node Collapsed' ,
detail: 'Welcome to GeeksforGeeks' ,
});
}
}
|