文档手册

behavior: menu-bar

2024-07-18 15:46:34

behavior: menu-bar

此行为提供水平菜单栏 - 弹出菜单的顶级容器。

引擎的默认样式系统不提供菜单栏的默认样式。如果应用程序需要菜单栏,请使用 {sdk}/samples/menu/std-menu.css 作为原型。

Elements

默认情况下,任何元素都不应用此行为。{sdk}/samples/menu/std-menu.css 假定顶级菜单由 <ul id="menu-bar"> 元素定义。

Model

Sciter 中的菜单声明示例:

<ul id="menu-bar">
 <li>
   <caption>File</caption>
   <menu>
     <li id="file-open">Open File <span.accesskey>Ctrl+O</span></li>
     <hr>
     <li id="file-save">Save File <span.accesskey>Ctrl+S</span></li>
     <li id="file-save-as">Save File as ...<span.accesskey>Ctrl+Shift+S</span></li>
   </menu>
  <li>
  ...
</ul>

Attributes

behavior:menu-bar 未使用任何特定属性。

Methods

 没有具体的方法。

States

  • :owns-popup - 当显示菜单时,在菜单所有者元素( menuOwnerElement 上面)上设置状态标志;

  • :popup - 在显示 <menu> 元素时在元素上设置。

Events

  • "click" - 当用户单击菜单项时发布,Event.target 是菜单项。

Value

 不适用

on() subscription

document.on("click", "li#file-open", function(evt) {
// 'this' here is that li#file-open item
});