《TabSet(标签页)》由会员分享，可在线阅读，更多相关《TabSet(标签页)（15页珍藏版）》请在金锄头文库上搜索。
1、布局-TabSet1. TabSet(标签页)a) 简述提供标签页功能，如下图: 图表 56b) 使用说明利用X-insert在Jsp中添加TabSet模版代码： 将需要显示的页面组件拷贝到不同的中： TabSet使用时需要注意即使你已经在View中定义过TabSet对象，但是在JSP标签申明的时候还必须申明Tab标签，并且Tab标签的内部元素是无法在View中定义的，而必须在JSP中将其他的标签元素放置到不同的Tab标签内部。Tab标签之间不允许有其他的内容。TabSet一般通过Tab标签对象将不同的组件分开管理。这种使用方式对于JSP技术来说是属于同一个页面的生命周期的。另外TabSet还
2、支持FrameTab,用于将一个外部的jsp引入TabSet。使用方法就是在视图模型的TabSet的xml定义中添加FrameTab: FrameTab使用时需要注意，我们只要在View中配置TabSet的FrameTab对象，而无需在JSP中添加FrameTab标签（实际上也没有提供该标签对象），这一点与Tab对象的使用方式有所不同。FrameTab的输出由TabSet管理，根据TabSet的位置自动生成。如下的视图模型配置中xml代码配置：则在JSP的标签设定时，代码如下： . . 运行效果如下图: 图表 57c) TabSet属性说明 属性说明currentTab TabSet对象激活时
3、默认切换到指定Tab或FrameTab 上，如上图的Google标签页showFrame 是否显示TabSet的边框线, 可选值为true/falsetabPlacement TabSet的标签头所处的位置，目前支持的有两种: top:标签头处于标签页的最上面 bottom: 标签头处于标签页的最下面 Tab属性说明属性说明autoCreateDiv 是否自动创建Div,可选值为true/falseautoScroll 当页面元素较多无法在页面中完全展示时,是否自动出现滚动栏true/false disabled 将Tab设置为禁止状态，设置为禁止状态的Tab页上所有的元素都变的不可操作, 可
4、选值为true/false label Tab的标题 name Tab的名字，按照java变量名的命名规则命名padding 标签Div的padding属性visible 用于隐藏Tab，可选值为true/false FrameTab 属性说明cachable 是否允许缓存，可选值为true/false disabled 是否禁止该FrameTab，被禁止的FrameTab上将无法操作，可选值为true/false label FrameTab的标题 name FrameTab的名字，按照java变量名的命名规则命名 padding 标签Div的padding属性path 引用页面的url v
5、isible 用于隐藏FrameTab，可选值为true/false d) 使用技巧 (1) 技巧一:FrameTab的动态刷新FrameTab对象用于关联一个独立URL，FrameTab的Client-API提供了setPath()方法动态的设定其关联的URL，并调用refresh方法刷新FrameTab。范例代码如下：tabset1.setCurrentTab(“tab5”); /将当前tab切换到指定的FrameTab对象上var tab=tabset1.getCurrentTab();/获取当前激活的tab页对象tab.setPath(“http:/”);/利用setPath重新设定p
6、ath属性tab.refresh();/刷新FrameTab(2) 技巧二：向导窗体制作巧用Tab或FrameTab的visible属性，看如下的一个页面, 图表 58页面功能是选择右侧不同的行，左侧激活不同的标签页。JSP定义代码如下: 标签1中的文字 标签2中的文字 标签3中的文字 标签4中的文字 标签5中的文字 上例在不同的Tab中加加了不同的文字说明，用以区分（本例主要说明开发技巧，因此Tab中的内容较为简单，实际运行可加入复杂的dorado标签对象或JSP支持的各种代码）。在该例右侧使用了表格，其功能为选择不同的表格行，左侧TabSet激活不同的Tab对象(利用DataTable的onRecordClick事件，可参考DataTable的使用说明)，当然这儿也可以将右侧表格替换为按钮。我们可以在不同按钮的onClick事件中，指定标签页的切换，标签页切换功能是由TabSet的setCurrentTab方法提供，范例代码如下: tabset1.setCurrentTab(“tab4”); 如果我们将上面的画面的Tab或FrameTab的visible属性全部设置为false。最终的代码如下：JSP定义代码如下: 标签1中的文字 标签2中的文字 标签3中的文字 标签4中的文字 标签5中的文字 则运行效果图：图表 59选择
