Hi Sunithra,
Thanks for the update.
QUERY1: In the Tree Grid we are having Edit functionality, but in that i need label button instead of icon
From your query we understand that you need to display a labelled button in edit functionality instead of icons. This can be achieved by setting “Content” in the buttonOptions of commands property.
Please refer the below code snippet,
ngOnInit(): void {
-----------
this.commands = [{ type: 'Edit', buttonOption: { content: 'Edit', cssClass: 'e-flat' } },
{ type: 'Delete', buttonOption: { content: 'Delete', cssClass: 'e-flat' } },
{ type: 'Save', buttonOption: { content: 'Save', cssClass: 'e-flat' } },
{ type: 'Cancel', buttonOption: { content: 'Cancel', cssClass: 'e-flat' } }];
}
|
QUERY2: I facing a problem by click on caret down arrow it should close the tree list instead of its Navigate to other page
While expanding/collapsing the icon, it navigate to the other page, because we have not checked whether target has class name of these expand/collapse icon (e-treegridexpand and e-treegridcollapse) before redirecting to a specific page in “select” method.
By using the below code we can prevent redirection to another page while expanding/collapsing treegrid.
select(args: DialogEditEventArgs): void {
// - check if args.target contain class name of expand/collapse icon (e-treegridexpand and e-treegridcollapse) and class name of custom command button (e-btn)
if(!args.target.classList.contains("e-btn") && !args.target.classList.contains("e-treegridexpand") && !args.target.classList.contains("e-treegridcollapse") )
}
|
Please refer the below sample,
If you have further queries, please get back to us.
Regards,
Padmavathy Kamalanathan
