ucml生成java_ucml选项卡
当业务视图组件VC并排摆放时就会形成选项卡,本章介绍选项卡有关的操作函数和事件。
页面中有三个对象:TabStrip,Panel和Tab,TabStrip含Panel对象和Tab对象。业务单元BPO没有使用自定义业务模板时TabStrip对象ID命名规则为第一个:TabStrip_Level_1,第二个:TabStrip_Level_2以此类推,当使用自定义业务模板时TabStrip对象ID命名规则为:TabStrip_Level_ + 当前模板Panel中的第一个VC的VCName,例如:TabStrip_Level_VC_TSLXQuery
Panel对象:每个VC对应一个Panel对象,Panel对象包含Tab对象。
Tab对象:VC的头为一个Tab对象。
函数:
用法:TabStrip_ID.函数名
示例:
在JSCRIPT业务初始化时写如下代码:
//初始时选择索引为1的Tab,即第二个Tab页签
TabStrip_Level_1.selectTab(1);
函数名称
说明
getPanel(index)
获取Panel对象,index为Panel索引
closeTab(index)
关闭Tab页签,index为页签的索引
getHeader(index)
获取选项卡的Tab页签对象,index为Tab索引。
showTab(index)
显示Tab页签,index为页签索引。
hidenTab(index)
隐藏Tab页签,index为页签索引,注意:隐藏页签后需要调用showTab函数来显示当前TabStrip对象中其它的页签。
selectTab(index)
选择Tab页签,index为页签索引。
exists(index)
存在返回Panel对象,不存在返回false,index为Panel索引。
隐藏页签示例:
如下图在页面显示时隐藏第一个TabStrip对象中的第二个Tab“图书类型2”
操作步骤:
1、定义fn_Init()函数如下图:
function fn_Init(){
TabStrip_Level_1.hidenTab(1); //隐藏VC标题为“图书类型2”的标签
TabStrip_Level_1.showTab(0); //显示VC标题为“图书类型1”的标签
}
2、在JSCRIPT业务初始化时调用fn_Init()方法:
3、生成编译,浏览BPO的页面效果如下:
如果隐藏后不调用显示该TabStrip对象中其它页签的showTab方法,则页面效果如下图,并不是想要的页面效果:
事件:
事件名称
说明
tabSelect
Tab页签选择事件,事件响应函数有两个参数:panel:panel对象,paenlIndex:指panel的索引
用法:
在JSCRPT初始化处绑定事件,语法:TabStrip_ID.on(“事件名”,函数)。
示例:
function fn_Init(){
TabStrip_Level_1.on("tabSelect",function(panel,index){
alert("你选择的页签索引为:"+index);
});
}
ucml生成java_ucml选项卡相关推荐
- ExtJs4 笔记 Ext.tab.Panel 选项卡
本篇讲解选项卡控件. 一.基本选项卡 首先我们来定义一个基本的选项卡控件,其中每个Tab各有不同,Tab的正文内容可以有三种方式获取: 1.基本方式:通过定义html和items的方式. 2.读取其他 ...
- 不止命令行!自定义VS生成事件
前言 在VS中打开项目属性,选择"生成事件"选项卡.在"生成前事件命令行"或"生成后事件命令行"文本框中可以输入任何命令提示符或.bat文件 ...
- html 纵向选项卡,竖直选项卡式面板的实现_html/css_WEB-ITnose
前面的话: 我是html的初学者,懂得一些html的基本知识.最近开始学css,不会JavaScript.了解到adobe dw cs5的插入->spry有选项卡式面板的设计,对这个很感兴趣.但 ...
- 不止命令行-自定义VS生成事件
前言 在VS中打开项目属性,选择"生成事件"选项卡.在"生成前事件命令行"或"生成后事件命令行"文本框中可以输入任何命令提示符或.bat文件 ...
- VS中的预先生成事件和后期生成事件
VS中的预先生成事件和后期生成事件 原文:VS中的预先生成事件和后期生成事件 在C#开发中,有时候需要在程序编译之前或之后做一些操作. 要达到这个目的,可以使用Visual Studio中的预先生成事 ...
- 自动生成代码的chm格式帮助文档
在Visual Studio下编程,有两个很方便的生成chm帮助文档的工具.它们就是Sandcastle Help File Builder 和Sandcastle.Sandcastle Help F ...
- [转载]ExtJs4 笔记(10) Ext.tab.Panel 选项卡
作者:李盼(Lipan) 出处:[Lipan] (http://www.cnblogs.com/lipan/) 版权声明:本文的版权归作者与博客园共有.转载时须注明本文的详细链接,否则作者将保留追究其 ...
- LayUI-----动态选项卡
目录 前言 一.动态选项卡 1.查找LayUI的选项卡页面布局代码 2.动态添加选项卡 3.将选项卡名称换成对应的菜单名 4.重复出现的tab选项卡不添加,改为选中 5.内置页面的跳转 二.登录功能优 ...
- C#中关于WinForm中重绘TabControl选项卡标题的问题
这里说的是每个TabPage的头部,也就是标题,不是工作区域. 最开始用到TabControl的时候,我的每个选项卡是写死的,而后由于项目需求又动态添加了TabControl并生成各个选项卡,而两次我 ...
最新文章
- 机器学习中的异常检测手段
- linux gcc编译c文件头文件,使用GCC编译器编译C语言
- reactjs组件的生命周期
- 阮一峰:Flex 布局教程
- (2)谷歌2011校园招聘:
- 百度校招历年经典面试题汇总:Java开发岗
- redis高级-------2
- linux 网络路径中网络协议栈有几种,linux网络路径中网络协议栈有几种
- 将科学计数法的数值转化为字符
- 京东订单系统高可用架构及演变过程
- osx php mongodb,Mac OSX 平台安装 MongoDB
- 十二进制转化为十进制
- MySQL服务器地址为空,win10 mysql没有服务器地址
- 2023年度流行色出炉终于轮到火龙果和草莓熊制霸天下了 优漫动游
- try/catch 的解释与用法
- PyQt5最全73 布局之addStretch设置布局的伸缩量
- 基于Revit铝模板设计-区域配模
- Linux下rar和unrar命令的安装使用
- 耳机接口规则_线控缘何不兼容 3.5mm耳机接口的奥秘
- 应用于供氧中心的医用气体监测系统ZWACS医气监控