Custom tool bar in JavaScript Treegrid control

18 Nov 20181 minute to read

Custom toolbar items can be added by defining the toolbar as a collection of ItemModels.
Actions for this customized toolbar items are defined in the toolbarClick event.

By default, Custom toolbar items are in position Left. You can change the position by using the align property. In the below sample, we have applied position Right for the Quick Filter toolbar item.

• The toolbar has options to define both built-in and custom toolbar items.
• If a toolbar item does not match the built-in items, it will be treated as a custom toolbar item.

Built-in and custom items in toolbar

TreeGrid have an option to use both built-in and custom toolbar items at same time.

In the below example, ExpandAll, CollapseAll are built-in toolbar items and Click is custom toolbar item.