Components/Navigation

EMenuBar Menu bar

import EUI 1.0

Examples

Menu bar

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EMenuBar { model: [{ "text": qsTr("File"), "children": [{ "index": "new", "text": qsTr("New") }] }] onCommand: function(index, item) { console.log(index, item.text) } }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Properties

PropertyDescriptionValues and default

activeIndexint

Index of the current selected or displayed item.

-1: no selection
0 and above: item index

Default-1

currentIndexstring

Identifier of the selected menu item.

Menu item identifier
"": no selection

Default""

enabledbool

Allow interaction; false disables the control.

Defaulttrue

heightreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitHeight

modelvar

Component data source; item structure follows the current example and component contract.

Default[]

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitWidth

countintRead only

Skeleton instance count or current item count, depending on the component.

DefaultComputed at runtime

itemsvarRead only

Normalized or transformed item list.

DefaultComputed at runtime

Signals

SignaturePurpose

command(string index, var item)

Emitted when a command is invoked, with its value and menu item.

Methods

SignaturePurpose

trigger(index, item)

Invoke the specified item command, as if the item were selected.

close()

Close the component panel or popup.

move(delta)

Move the selected items or current selection.

open(index)

Open the component panel or popup.