Skip to main content


This is a button that contains a drop-down list of options.

DHX Select Button

Adding SelectButton#

A new SelectButton can be created with the help of the add() method of Tree Collection:{    id:"select",    type: "selectButton",    value: "jpeg",    size: "small",    count: 20,    items: [        {            value: "jpeg",            hotkey: "alt+1"        },        {            value: "pdf",            hotkey: "alt+2"        },        {            value: "png",            hotkey: "alt+3"        }    ]});

Related sample: Ribbon. Select Button


You can provide the following properties in the configuration object of a SelectButton control.

Operations with a button#

You can perform operations over the SelectButton control with the help of the available Ribbon API and Tree Collection API.