面板 - 选项卡式

此复合组件用来对其他组件进行布局。它使用一组重叠的面板,可以通过单击相关联的选项卡或者通过使用上一步下一步按钮来选择这些面板。

设计时的组件

面板 - 选项卡式组件拖放到页面上:

“面板 - 选项卡式”组件按钮

面板 - 选项卡式组件在页面上看起来如下所示:

设计时的“面板 - 选项卡式”

运行时的组件

在运行时,面板 - 选项卡式组件在页面上看起来如下所示:

运行时的“面板 - 选项卡式”

属性视图和全部属性视图

组件的“属性”视图显示可以对组件设置的最常见属性集,并且根据组件的不同,您还可以看到用于添加控件、操作或其他组件的选项。要打开“属性”视图,请单击窗口 > 显示视图 > 属性

“面板 - 选项卡式”组件的这些常用属性显示在“属性”视图中的 odc:tabbedPanel 选项卡上。要获取完整的属性列表,请参阅全部面板 - 选项卡式属性表。面板项的其他配置选项显示在 odc:tabbedPanel> 项选项卡上:

表 1. 面板 - 选项卡式配置选项

配置选项

描述

对要显示在控件中的每个选项卡添加面板

允许您指定“面板 - 选项卡式”组件中各个选项卡的 ID、标签和顺序。另外,您还可以指定各个选项卡包含预定义的完成和取消命令按钮组件。

“全部属性”视图显示可以对组件设置的全部属性的表,包含可以从“属性”视图访问的那些属性。要切换至“全部属性”视图,请单击“属性”视图右上角的全部属性图标 “全部属性”图标

表 2. 全部面板 - 选项卡式属性

属性名称

在“属性”视图中表示为

描述

binding

未表示

该表达式将组件的实例(通常为用户界面组件)与 Bean 属性(通常在备份文件中)绑定。

height

p

大小:高度

指定组件的高度(以像素或百分比计)。要指定以百分比计,请在值后面追加 %。

id

标识

对组件指定一个名称。它在 JSP 内应该是唯一名称。

initialPandelld

未表示

指定面板的初始 ID。

numOfTabs

在显示 X 个选项卡之后就滚动

要显示在面板上的选项卡数。将组件中可视的选项卡数目限制为输入到字段中的数目。可以通过使用插入的滚动控件来访问其他选项卡。

rendered

未表示

可设置为 true 或 false:
  • false - 将不会在运行时向浏览器呈示组件。
  • true - 将呈示组件。这是缺省值。

showBackNextButton

显示下一个上一个按钮。

选择此框将插入一对按钮,这对按钮可以用来在组件中的各个选项卡之间循环。

slantActiveLeft

选项卡边框曲线(以像素计)

选择的选项卡左上方压印线的宽度。

slantActiveRight

选项卡边框曲线(以像素计)

选择的选项卡右上方边框曲线的宽度(以像素计)。

slantInactiveLeft

选项卡边框曲线(以像素计)

未选择的选项卡左上方压印线的宽度。

slantInactiveRight

选项卡边框曲线(以像素计)

未选择的选项卡右上方压印线的宽度。

styleClass

样式:类

当呈示此元素时要应用的以空格分隔的 CSS 样式类列表。此值必须作为生成标记上的类属性来传递。定义所选组件的类,例如,样式表。这可以通过手工完成,也可以通过单击按钮并从窗口中选择期望的类来完成。

width

大小:宽度

指定组件的宽度(以像素计或以百分比计)。要指定要使用百分比,请在值后面追加 %。


反馈