组件/导航组件

EMenuBar 菜单栏

import EUI 1.0

示例与代码

菜单栏

QML 代码QML

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

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

属性

属性说明取值与默认值

activeIndexint

当前选中或显示项的索引。

-1：未选择
0 起：条目索引

默认值-1

currentIndexstring

当前选中菜单项的标识。

菜单项标识
""：未选择

默认值""

enabledbool

是否允许交互；false 时控件禁用。

默认值true

heightreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitHeight

modelvar

组件的数据源；数组项结构以当前示例及组件说明为准。

默认值[]

visiblebool

是否显示组件。

默认值true

widthreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitWidth

countint只读

骨架实例数量或当前项目数量，具体含义由组件决定。

默认值由运行时计算

itemsvar只读

经过规范化或转换的项目列表。

默认值由运行时计算

信号

签名作用

command(string index, var item)

执行命令时触发，包含命令值和对应菜单项。

方法

签名作用

trigger(index, item)

触发给定项目的命令，相当于选择该命令项。

close()

关闭组件的面板或弹窗。

move(delta)

移动选中的项目或当前选择。

open(index)

打开组件的面板或弹窗。