TabScrollerMenuPlug是TabLayout的一个插件，只用作layout:tabLayout的子标签。当容器容纳了许多页签一次性显示不完时，可以将这些页签进行滚动，并且对未显示的页签提供下拉菜单的功能。
表 30.145. 构件信息
| Component Type | org.operamasks.faces.component.plugin.tabs.impl.UITabScrollerMenuPlug |
| Component Family | org.operamasks.faces.component.plugin.tabs.impl.UITabScrollerMenuPlug |
| Component Class | org.operamasks.faces.component.plugin.tabs.impl.UITabScrollerMenuPlug |
| Tag Class | org.operamasks.faces.webapp.plugin.UITabScrollerMenuPlugTag |
| Renderer Type | org.operamasks.faces.component.plugin.tabs.impl.UITabScrollerMenuPlug |
| Renderer Class(AJAX) | org.operamasks.faces.render.plugin.tabs.TabScrollerMenuPlugRenderer |
+java.lang.Object
++javax.faces.component.UIComponent
+++javax.faces.component.UIComponentBase
++++org.operamasks.faces.component.plugin.tabs.base.UITabScrollerMenuPlugBase
+++++org.operamasks.faces.component.plugin.tabs.impl.UITabScrollerMenuPlug
表 30.146. 属性
| binding | 定义类 | javax.faces.component.UIComponentBase | ||
| 类型 | javax.el.ValueExpression(javax.faces.component.UIComponent) | |||
| 是否必须 | 否 | 延时求值 | 是 | |
| 一个值表达式，用于把该组件链接到一个ManagedBean的某个属性。 | ||||
| id | 定义类 | javax.faces.component.UIComponentBase | ||
| 类型 | java.lang.String | |||
| 是否必须 | 否 | 延时求值 | 否 | |
| 这个组件的组件标识符。这个值在最近的命名容器类型的父组件范围内，必须是唯一的。 | ||||
| maxText | 定义类 | org.operamasks.faces.component.plugin.tabs.impl.UITabScrollerMenuPlug | ||
| 类型 | javax.el.ValueExpression(java.lang.Integer) | |||
| 是否必须 | 否 | 延时求值 | 是 | |
| 依赖于tabScrollerMenu，下拉菜单项的标签的最大长度(默认为15) | ||||
| pageSize | 定义类 | org.operamasks.faces.component.plugin.tabs.impl.UITabScrollerMenuPlug | ||
| 类型 | javax.el.ValueExpression(java.lang.Integer) | |||
| 是否必须 | 否 | 延时求值 | 是 | |
| 依赖于tabScrollerMenu, 每个下拉菜单项所容纳的标签数(默认为10) | ||||
| rendered | 定义类 | javax.faces.component.UIComponentBase | ||
| 类型 | boolean(boolean) | |||
| 是否必须 | 否 | 延时求值 | 是 | |
| 一个标志，指出该组件是否要在任何随后的form提交过程中被渲染或处理。 这个属性的缺省值是true。 | ||||
下面的示例演示了tabScrollerMenuPlug的用法，例子中有18个页签，设置了pageSize="5"表示每个下拉菜单项容纳5个页签，maxText="10"表示菜单项的文字长度为10：
<layout:tabLayout width="300" height="300" id="tab" enableTabScroll="true" > <w:tabScrollerMenuPlug pageSize="5" maxText="10" ></w:tabScrollerMenuPlug> <layout:panel title="title1" > aaa </layout:panel> <layout:panel title="title2" > bbb </layout:panel> <layout:panel title="title3" > ccc </layout:panel> <layout:panel title="title4" > ddd </layout:panel> <layout:panel title="title5" > eee </layout:panel> <layout:panel title="title6" > fff </layout:panel> <layout:panel title="title7" > ggg </layout:panel> <layout:panel title="title8" > hhh </layout:panel> <layout:panel title="title9" > iii </layout:panel> <layout:panel title="title10" > jjj </layout:panel> <layout:panel title="title11" > kkk </layout:panel> <layout:panel title="title12" > lll </layout:panel> <layout:panel title="title13" > mmm </layout:panel> <layout:panel title="title14" > nnn </layout:panel> <layout:panel title="title15" > ooo </layout:panel> <layout:panel title="title16" > ppp </layout:panel> <layout:panel title="title17" > qqq </layout:panel> <layout:panel title="title18" > rrr </layout:panel> </layout:tabLayout>