Web Dynpro中的选项卡集元素(页签)实际上是一系列选项卡的容器或者集合,它的子元素只能是选项卡(Tab)。它包含了下列属性。
1)accessibilityDescription:设置消息提示和描述等文本是否在用户选中整个选项卡集时显示。
2)ActivateAccessKey:控制是否允许快捷键(使用“Alt”键与首字母触发默认事件)。
3)ContextMenuBehaviour:控制上下文菜单行为,默认有“继承”“允许”和“禁止”3种类型。
4)ContextMenuId:上下文菜单唯一标识。
5)enabled:控制元素是否可用。
6)handleHotkeys:设置是否处理快捷键触发事件。
7)height:控制元素的显示高度。
8)selectedTab:控制默认选中的选项卡。
9)selectionChangeBehaviour:设置选项卡切换时是否自动切换选项卡集的首选项(lead selection),有自动或手动两个选项。
10)tabAlignment:设置子选项卡大小的调整方式,默认包含以下两种调整方式:
●exact:按照子选项卡的确切大小进行显示。
●fast:允许客户端更有效地显示而对高度和宽度进行优化。
11)tooltip:控制提示消息的显示文本。
12)visible:控制元素是否可见。
13)width:控制元素的显示宽度。
选项卡集默认有以下两个动作可以定义并触发相应事件。
●onClose:当单击选项卡的关闭按钮时触发相应事件。
●onSelect:当用户进行选项卡切换时触发相应的事件。
作为选项卡集唯一可用的子元素的选项卡,它包含了下列属性。
●closeable:控制选项卡是否可以被用户关闭。
●enabled:控制元素是否可用。
●hasContextPadding:控制选项卡页面内部是否有间距,类似Word文档中的页边距。
●visibility:控制元素是否可见。
开发实例:
1)打开任一视图(如果需要创建新的工程或视图,请参考之前章节步骤),首先需要上下文的定义。创建一个集合属性为“1‥1”的结点,随后创建员工信息相关的上下文特性,见表4-2。
表4-2 员工信息相关的上下文特性
2)创建完毕后,保存所有修改,如图4-93所示。
图4-93 特性清单
3)右击“Outline”元素清单中的“RootElement”根结点,选择插入子对象,选择“TabStrip”选项卡集类型,输入ID名称,单击“OK”按钮,如图4-94所示。
4)如果不添加选项卡,选项卡集只是一个空的容器,在“Outline”中右击选项卡集,选择“Insert Tab”,如图4-95所示。(www.daowen.com)
5)操作两次,共新增“Tab”和“Tab1”两个选项卡,如图4-96所示。
图4-94 选择元素类型
图4-95 添加选项卡的菜单选择
图4-96 添加后效果
6)将选项卡的“text”属性分别修改为“个人信息概览”和“个人信息明细”,如图4-97所示。
图4-97 运行效果
7)在第一个选项卡中添加一个标签和1个文本框,如图4-98所示。
图4-98 预览效果
8)右击第二个选项卡中的“Tab1_Content”容器并选择“Apply Template”,选择“Form”表单,单击“Next”按钮,如图4-99所示。
9)选择表单中需要使用的上下文特性,单击“Next”按钮,如图4-100所示。
10)选择页面元素的具体类型,其中“dept”部门使用“DropDownByKey”下拉列表,单击“Finish”按钮,如图4-101所示。
11)在选项卡中生成了对应的表单页面,如图4-102所示。
图4-99 选择模板类型
图4-100 选择对应的上下文
图4-101 调整元素类型和位置
图4-102 预览效果
12)如果将第一个选项卡的可关闭属性改为“true”,则用户就可以手动关闭对应选项卡,如图4-103所示。
13)在配置过程中也可以看到,其实选项卡对应的也只是一个透明容器,所以选项卡中的页面元素调整就可以参考其他的元素介绍自由地进行配置了,如图4-104所示。
图4-103 运行效果
图4-104 添加后的效果
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。