Visualforce 页面中的 <apex: outputPanel> 组件

<apex: outputPanel> 是 Visualforce 页面上另一个最常用的组件，它充当容器。我们无法使用 HTML 标签（例如 span 或 div）对一组内容进行分组呈现。 为了执行 AJAX 刷新，我们使用 <apex: outputPanel> 组件来对组件进行分组。

此组件通过使用 “html” 前缀支持 HTML 直通属性。 生成的属性附加到生成的容器标签，例如 div 或 span，具体取决于 layout 属性的值。

<apex: outputPanel> 组件在 Visualforce 页面上具有以下属性

1. dir

dir 是一个字符串类型的属性，用于指定应读取生成 HTML 组件的方向。 LTR 和 RTL 是此属性的两个可能值。

语法

2. id

id 是字符串类型的属性，即唯一的标识符，允许页面上的其他组件引用此组件。

语法

3. layout

layout 是一个字符串类型属性，用于指定面板的布局样式。 此属性的可能值为

1. 块
2. 内联
3. 无

默认情况下，其值设置为 inline。

语法

4. lang

lang 是一个字符串类型的属性，用于指定生成的 HTML 输出使用的基本语言。 这些值可以是“en”或“en-US”等。

语法

5. onclick

onclick 是另一个字符串类型属性，用于指定当发生 onclick 事件时，或者简单地说，当用户单击输出面板时调用的 JavaScript 方法。

语法

7. onkeydown

onkeydown 是一个字符串类型属性，用于指定当发生 onkeydown 事件时，或者简单地说，当用户按下键盘按键时需要调用的 JavaScript 方法。

语法

8. onkeypress

onkeypress 是一个字符串类型属性，用于指定当发生 onkeypress 事件时，或者简单地说，当用户按住或按下键盘按键时需要调用的 JavaScript 方法。

语法

9. onkeyup

onkeyup 是一个字符串类型属性，用于指定当发生 onkeyup 事件时，或者简单地说，当用户释放键盘按键时需要调用的 JavaScript 方法。

语法

10. onmousedown

onmousedown 属性是一个字符串类型属性，用于当发生 onmousedown 事件时，或者简单地说，当用户按下鼠标按钮时调用 JavaScript 方法。

语法

11. onmousemove

onmousemove 是一个字符串类型属性，用于指定当发生 onmousemove 事件时，或者当用户移动鼠标指针时需要调用的 JavaScript 方法。

语法

12. onmouseout

onmouseout 是一个字符串类型属性，用于指定当发生 onmouseout 事件时，或者当用户将鼠标指针从输出面板移开时需要调用的 JavaScript 方法。

语法

13. onmouseover

onmouseover 属性是一个字符串类型属性，用于当发生 onmouseover 事件时，或者当用户将指针移动到输出标签上时调用 JavaScript 方法。

语法

14. onmouseup

onmouseup 是一个字符串类型属性，用于指定当发生 onmouseup 事件时，或者当用户释放鼠标按钮时需要调用的 JavaScript 方法。

语法

15. rendered

rendered 是一个布尔类型的属性，用于指定此组件是否在页面上呈现。 默认情况下，其值设置为 true。

语法

16. style

style 是一个字符串类型的属性，用于指定需要应用于它的 CSS。 内联 CSS 用作此属性的值。

语法

17. styleClass

styleClass 是一个字符串类型属性，用于指定需要应用于它的外部 CSS 样式表以显示输出标签。

语法

18. title

title 是一个字符串类型的属性，用于指定当鼠标悬停在此组件上时需要显示为工具提示的文本

语法

让我们看一个例子来理解如何在 VF 页面中使用 <apex: outputPanel> 组件

ApexOutputLabelExample.vfp

ApexOutputPanelController

输出