Skip to main content

data

Optional. Specifies an array of data objects to set into Toolbar

info

Please note that if you specify the id fields in the tree collection, their values should be unique. You can also omit the id fields in the tree collection. In this case they will be generated automatically.

data?: object[];

Example

const toolbar = new dhx.Toolbar("toolbar_container", {
    css: "dhx_widget--bordered",
    data: [ 
        {
            "id": "edit",
            "value": "Edit"
        },
        {
            "id": "search",
            "type": "input",
            "placeholder": "Search",
            "icon": "mdi mdi-magnify"
        },
        {
            "type": "spacer"
        },
        {
            "type": "button",
            "view": "link",
            "color": "secondary",
            "circle": true,
            "id": "notifications",
            "icon": "mdi mdi-bell",
            "tooltip": "Notifications",
            "count": 7
        }
    ]
});