A Smart Toolbar may control the navigation of a Smart Data Source or the CRUD operations of a Smart Viewer.
...
| Code Block |
|---|
|
<smart-toolbar
smart-navigation="true"
smart-object-name="customerToolbar"
(buttonClickedon-add)="onToolbarAddClicked($event)"
(on-button-clicked)="onToolbarButtonClicked($event)"
(on-cancel)="onToolbarCancelClicked($event)"
(on-copy)="onToolbarCopyClicked($event)"
(on-delete)="onToolbarDeleteClicked($event)"
(on-next)="onToolbarNextClicked($event)"
smart-object-name='customerToolbar' (on-previous)="onToolbarPreviousClicked($event)"
(on-save)="onToolbarSaveClicked($event)">
<smart-toolbar-button
label="Add">
</smart-toolbar-button>
<smart-toolbar-button
role="command"
label="My Custom Button"
image="<image_url>">
</smart-toolbar-button>
</smart-toolbar> |
Description
| Attribute | Description |
|---|
| smart-toolbar-buttons | Comma separated list of buttons that the Smart Toolbar should display. Possible buttons: add, save, cancel, delete, delete |
| smart-navigation | Boolean value indicating if the toolbar should display navigation buttons, defaults to false |
| smart-object-name | Unique identifier used to obtain references to the Smart Toolbar component |
| buttonClicked(on-add) | Event that fires when the add button is clicked. |
| (on-button-clicked) | Event that fires when a toolbar button has been clicked. |
| (on-cancel) | Event that fires when the cancel button is clicked. |
| (on-copy) | Event that fires when the copy button is clicked. |
| (on-delete) | Event that fires when the delete button is clicked. |
| (on-next) | Event that fires when the next button is clicked. |
| (on-previous) | Event that fires when the previous button is clicked. |
| (on-save) | Event that fires when the save button is clicked. |