We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Built-in toolbar items and their respective features/code

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


3 Replies

PS Pavithra Subramaniyam Syncfusion Team May 2, 2023 03:58 AM UTC

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



MR mc r May 2, 2023 06:05 AM UTC

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



PS Pavithra Subramaniyam Syncfusion Team May 4, 2023 10:38 AM UTC

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


Loader.
Live Chat Icon For mobile
Up arrow icon