Built-in toolbar items and their respective features/code

[mc r]

I am unable to find anything in the documentation that dives into how these built-in toolbar items function and the events/references used, ideally I would like to extend these buttons which requires a custom toolbar item and implementing the features manually.

Having a baseline and code to understand the nuances of these buttons would be extremely helpful. Have I just missed this in the documentation or does it not exist? Any suggestions?

Thanks
MCR

https://helpej2.syncfusion.com/angular/documentation/grid/tool-bar/tool-bar-items
https://ej2.syncfusion.com/angular/documentation/api/grid/#toolbar
https://helpej2.syncfusion.com/angular/documentation/toolbar/item-configuration

[Pavithra Subramaniyam]

Hi mc r,

Thanks for contacting Syncfusion Support.

From your query, we understood that you want to know the events and methods related to the EJ2 Grid toolbar and the way to add custom buttons. You can refer to the below documentation to achieve your requirement.

https://helpej2.syncfusion.com/angular/documentation/grid/tool-bar/tool-bar-items#custom-toolbar-items

https://ej2.syncfusion.com/documentation/api/grid/#toolbarclick

https://ej2.syncfusion.com/documentation/api/toolbar

Regards,

Pavithra S

[mc r]

I would like to know the exact code behind the features in the built-in buttons so I can create my own custom buttons that match then extend their functionality.

How does the Update button retrieve the data while in Edit Mode? Is Edit Mode set to false then it takes the selectedRow? Or is there a way to take the current row and cell values directly, how is this being handled?

If the code was available all questions would be answered, I can only assume that it leverages a combination of the available APIs to achieve this.

I want to use these built-in features and add my own events to them but without an understanding of exactly what and how the Update button functions I am just guessing so creating a custom button becomes impossib

Thanks
MCR



https://helpej2.syncfusion.com/angular/documentation/grid/tool-bar/tool-bar-items

[Pavithra Subramaniyam]

Hi mc r,

We could not share the exact source code of the toolbar implementation. However, you can use the below API for toolbar customization. If you are facing any issues with the below API, please get back to us.

https://helpej2.syncfusion.com/angular/documentation/grid/tool-bar/tool-bar-items#custom-toolbar-items

https://ej2.syncfusion.com/documentation/api/grid/#toolbarclick

https://ej2.syncfusion.com/documentation/api/toolbar

Regards,

Pavithra S