|
[default.html]
<button (click)='handleClick($event)' type='button'>Modify Record</button>
<div class="control-section">
<ejs-treegrid #treegrid [dataSource]='data' height='400' childMapping='subtasks' [treeColumnIndex]='1' [editSettings]='editSettings' [toolbar]='toolbar'>
-------
</ejs-treegrid>
</div>
……………………………………………………………………………………..
[default.component.ts]
import { Component, OnInit, ViewChild } from '@angular/core';
import { sampleData } from './jsontreegriddata';
import { ChangeEventArgs } from '@syncfusion/ej2-dropdowns';
import { TreeGridComponent , EditService , ToolbarService , PageService } from '@syncfusion/ej2-angular-treegrid';
import { DataManager, Query} from '@syncfusion/ej2-data';
@Component({
selector: 'control-content',
templateUrl: 'default.html',
providers: [EditService , ToolbarService , PageService]
})
export class DefaultComponent implements OnInit {
------
@ViewChild('treegrid')
public treegrid: TreeGridComponent;
ngOnInit(): void {
------
}
handleClick(event: Event) {
this.treegrid.grid.editModule.updateRow(0,{"taskID":1,"taskName": "Modifed","startDate": new Date(),"duration": 10})
}
} | 
