---
title: "Ext.app.PortalPanel"
description: "xtype 为 portalpanel 的 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.app.PortalPanel

源码定义：`ext-all-debug.js:145450`。分类：基础组件与提示。

## 创建示例

```javascript
var component = Ext.create("Ext.app.PortalPanel", {
  xtype: "portalpanel",
  autoScroll: true,
  bodyCls: 'x-portal-body',
  cls: 'x-portal',
  defaultType: 'portalcolumn',
  renderTo: Ext.getBody()
});
```

## 属性

| 属性 | 类型 | 默认值 | 说明 | 配置示例 |
| --- | --- | --- | --- | --- |
| `autoScroll` | `Boolean` | `true` | 控制内容溢出时是否自动显示滚动条。 | `autoScroll: true` |
| `bodyCls` | `String` | `'x-portal-body'` | 配置 `bodyCls` 对应的 CSS 类名。 | `bodyCls: 'x-portal-body'` |
| `cls` | `String` | `'x-portal'` | 附加到组件根元素的 CSS 类名。 | `cls: 'x-portal'` |
| `defaultType` | `String` | `'portalcolumn'` | 配置组件的 `defaultType` 选项。 | `defaultType: 'portalcolumn'` |
| `manageHeight` | `Boolean` | `false` | 控制是否启用 `manageHeight` 行为。 | `manageHeight: false` |

## 方法

| 方法 | 参数 | 说明 | 调用示例 |
| --- | --- | --- | --- |
| `initComponent` | `` | 初始化组件及其子项。 执行时会保留父类默认行为、更新 `layout` 状态。源码涉及 `callParent()`、`addEvents()`。 | `component.initComponent()` |
| `beforeLayout` | `` | 在 `layout` 前执行预处理。 执行时会保留父类默认行为。源码涉及 `callParent()`。 | `component.beforeLayout()` |
| `initEvents` | `` | 初始化 `events`。 执行时会保留父类默认行为、更新 `dd` 状态。源码涉及 `callParent()`。 | `component.initEvents()` |
| `beforeDestroy` | `` | 在 `destroy` 前执行预处理。 执行时会保留父类默认行为。源码涉及 `callParent()`。 | `component.beforeDestroy()` |

## 事件

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

Source: https://ag.879818327.xyz/ext/basic/app-portalpanel/index.mdx