---
title: "Ext.menu.Separator"
description: "xtype 为 menuseparator 的 Ext JS 原生组件参考。"
---

> Documentation Index
> Fetch the complete documentation index at: https://ag.879818327.xyz/llms.txt
> Use this file to discover all available pages before exploring further.

# Ext.menu.Separator

源码定义：`ext-all-debug.js:137013`。分类：按钮、工具栏、菜单与标签页。

## 创建示例

```javascript
var component = Ext.create("Ext.menu.Separator", {
  xtype: "menuseparator",
  ariaRole: 'separator',
  canActivate: false,
  focusable: false,
  hideOnClick: false,
  renderTo: Ext.getBody()
});
```

## 属性

| 属性 | 类型 | 默认值 | 说明 | 配置示例 |
| --- | --- | --- | --- | --- |
| `ariaRole` | `String` | `'separator'` | 组件在辅助技术中的 ARIA 角色。 | `ariaRole: 'separator'` |
| `canActivate` | `Boolean` | `false` | 控制是否启用 `canActivate` 行为。 | `canActivate: false` |
| `focusable` | `Boolean` | `false` | 控制是否启用 `focusable` 行为。 | `focusable: false` |
| `hideOnClick` | `Boolean` | `false` | 控制是否隐藏 `onClick`。 | `hideOnClick: false` |
| `plain` | `Boolean` | `true` | 控制是否启用 `plain` 行为。 | `plain: true` |
| `separatorCls` | `Mixed` | `Ext.baseCSSPrefix + 'menu-item-separator'` | 配置 `separatorCls` 对应的 CSS 类名。 | `separatorCls: Ext.baseCSSPrefix + 'menu-item-separator'` |
| `text` | `String` | `' '` | 配置组件的 `text` 选项。 | `text: ' '` |

## 方法

| 方法 | 参数 | 说明 | 调用示例 |
| --- | --- | --- | --- |
| `beforeRender` | `ct, pos` | 生成 `before` 的渲染结果。 执行时会保留父类默认行为。源码涉及 `callParent()`、`addCls()`。 | `component.beforeRender(...)` |

## 事件

源码中未找到该组件自身注册的事件；可监听继承事件。

Source: https://ag.879818327.xyz/ext/navigation/menu-separator/index.mdx