Skip to main content

SelectButton

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:

ribbon.data.add({
    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. SelectButton

Properties​

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.