当业务视图组件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选项卡相关推荐

  1. ExtJs4 笔记 Ext.tab.Panel 选项卡

    本篇讲解选项卡控件. 一.基本选项卡 首先我们来定义一个基本的选项卡控件,其中每个Tab各有不同,Tab的正文内容可以有三种方式获取: 1.基本方式:通过定义html和items的方式. 2.读取其他 ...

  2. 不止命令行!自定义VS生成事件

    前言 在VS中打开项目属性,选择"生成事件"选项卡.在"生成前事件命令行"或"生成后事件命令行"文本框中可以输入任何命令提示符或.bat文件 ...

  3. html 纵向选项卡,竖直选项卡式面板的实现_html/css_WEB-ITnose

    前面的话: 我是html的初学者,懂得一些html的基本知识.最近开始学css,不会JavaScript.了解到adobe dw cs5的插入->spry有选项卡式面板的设计,对这个很感兴趣.但 ...

  4. 不止命令行-自定义VS生成事件

    前言 在VS中打开项目属性,选择"生成事件"选项卡.在"生成前事件命令行"或"生成后事件命令行"文本框中可以输入任何命令提示符或.bat文件 ...

  5. VS中的预先生成事件和后期生成事件

    VS中的预先生成事件和后期生成事件 原文:VS中的预先生成事件和后期生成事件 在C#开发中,有时候需要在程序编译之前或之后做一些操作. 要达到这个目的,可以使用Visual Studio中的预先生成事 ...

  6. 自动生成代码的chm格式帮助文档

    在Visual Studio下编程,有两个很方便的生成chm帮助文档的工具.它们就是Sandcastle Help File Builder 和Sandcastle.Sandcastle Help F ...

  7. [转载]ExtJs4 笔记(10) Ext.tab.Panel 选项卡

    作者:李盼(Lipan) 出处:[Lipan] (http://www.cnblogs.com/lipan/) 版权声明:本文的版权归作者与博客园共有.转载时须注明本文的详细链接,否则作者将保留追究其 ...

  8. LayUI-----动态选项卡

    目录 前言 一.动态选项卡 1.查找LayUI的选项卡页面布局代码 2.动态添加选项卡 3.将选项卡名称换成对应的菜单名 4.重复出现的tab选项卡不添加,改为选中 5.内置页面的跳转 二.登录功能优 ...

  9. C#中关于WinForm中重绘TabControl选项卡标题的问题

    这里说的是每个TabPage的头部,也就是标题,不是工作区域. 最开始用到TabControl的时候,我的每个选项卡是写死的,而后由于项目需求又动态添加了TabControl并生成各个选项卡,而两次我 ...

最新文章

  1. 机器学习中的异常检测手段
  2. linux gcc编译c文件头文件,使用GCC编译器编译C语言
  3. reactjs组件的生命周期
  4. 阮一峰:Flex 布局教程
  5. (2)谷歌2011校园招聘:
  6. 百度校招历年经典面试题汇总:Java开发岗
  7. redis高级-------2
  8. linux 网络路径中网络协议栈有几种,linux网络路径中网络协议栈有几种
  9. 将科学计数法的数值转化为字符
  10. 京东订单系统高可用架构及演变过程
  11. osx php mongodb,Mac OSX 平台安装 MongoDB
  12. 十二进制转化为十进制
  13. MySQL服务器地址为空,win10 mysql没有服务器地址
  14. 2023年度流行色出炉终于轮到火龙果和草莓熊制霸天下了 优漫动游
  15. try/catch 的解释与用法
  16. PyQt5最全73 布局之addStretch设置布局的伸缩量
  17. 基于Revit铝模板设计-区域配模
  18. Linux下rar和unrar命令的安装使用
  19. 耳机接口规则_线控缘何不兼容 3.5mm耳机接口的奥秘
  20. 应用于供氧中心的医用气体监测系统ZWACS医气监控

热门文章

  1. EXTJS 中grid 动态增加列的方法
  2. 带你理解DOM事件流
  3. c语言有algorithm头文件吗,简单谈谈C++ 头文件系列之(algorithm)
  4. 量化投资:一种可持续性的赚钱效应
  5. Windows系统无法打开MSI安装包
  6. 代码实现多啦A梦效果图
  7. 中国银联与上海银行基于SDN的下一代金融云网络联合研究与应用实践:从分层分区传统架构向云网架构转型...
  8. 电旋转连接器附件的基本概念
  9. 东北大学《经济学》在线平时作业1
  10. 数字延时脉冲发生器DG645 技术参数