[转]Form中控制Tab画布不同标签间切换的方法

转自：http://yedward.net/?id=68

Form中一般常用的画布类型包括content、stacked、tab这三种，其实content类型的画布是每一个form都必须有的，而且只能有且仅有一个。其中，Tab画布算是比较特殊的一种画布了，首先不能直接在Tab上放置任何item，所有的item都是放在Tab的下属的标签页中，其次它的切换也还是蛮有门道的，这篇文章就聊聊怎么控制Form中Tab画布不同标签之间的切换。

假设有这样一个例子，有一个Tab画布（名为TAB_DEMO），其下有headers、lines两个标签页，同时还有一个名为order_lines_stacked的stacked类型的画布，我想实现，headers是第一个标签页，也是默认展示的标签页，我要把order_lines_stacked放在lines标签里面，当切换到lines的时候，order_lines_stacked显示，切换到headers的时候，order_lines_stacked又隐藏掉。

对于上面这个例子，首先要知道的是Tab画布及其标签页和堆叠画布其实是独立的，并不能直接通过属性设置来让stacked画布放置在某一个Tab标签页中，这个时候想要实现这样的功能，就要通过代码来实现，这也就是我要说的Tab特殊的一个地方。这里，我们要用到一个Form级的WHEN-TAB-PAGE-CHANGED触发器，特别要注意的是该触发器的fire条件是用鼠标点击时才触发，也正因为这样后面我们还要加一个触发器，以实现当是使用快捷键而不是鼠标点击来切换标签时候的功能实现。

对于上面的例子，实现过程如下：

在Form级添加WHEN-NEW-FORM-INSTANCE，代码如下：

set_canvas_property('TAB_DEMO', TOPMOST_TAB_PAGE, 'HEADERS');
hide_view('ORDER_LINES_STACKED');

在Form级添加WHEN-TAB-PAGE-CHANGED，代码如下：

if :system.tab_previous_page = 'HEADERS' thenvalidate(block_scope);if :system.MODE = 'ENTER-QUERY' or not form_success thenset_canvas_property('TAB_DEMO', topmost_tab_page, :system.tab_previous_page);return;end if;
elsif :system.tab_previous_page = 'LINES' thenvalidate(block_scope);if :system.MODE = 'ENTER-QUERY' or not form_success thenset_canvas_property('TAB_DEMO', topmost_tab_page, :system.tab_previous_page);return;end if;
end if;
if :system.tab_new_page = 'LINES' thenshow_view('ORDER_LINES_STACKED');go_item('ORDER_LINES.ORG');           --  ORDER_LINES.ORG是一个Item，假设本来LINES标签页上就已经设置了
elsif :system.tab_new_page = 'HEADERS' THENhide_view('ORDER_LINES_STACKED');go_item('ORDER_HEADERS.DESCRIPTION');      -- ORDER_HEADERS.DESCRIPTION是一个Item，假设本来HEADERS标签页上已经设置了
end if;

如果是使用快捷键切换的话，不会触发上面的trigger，所以做如下处理：

在ORDER_LINES.ORG这Item上面添加一个WHEN-NEW-ITEM-INSTANCE触发器，代码如下：

show_view('ORDER_LINES_STACKED');

在ORDER_HEADERS.DESCRIPTION上面添加一个WHEN-NEW-ITEM-INSTANCE触发器，代码如下：

hide_view('ORDER_LINES_STACKED');

转载于:https://www.cnblogs.com/pompeii2008/p/5407587.html

[转]Form中控制Tab画布不同标签间切换的方法相关推荐

html怎么键tab键,html中控制Tab键的顺序
在做项目中,需要控制html页面上登陆表单的按Tab键的顺序,代码如下: 账号:昵称: 备注:这里的tabIndex的值可为0至32767之间的任意数字当浏览者使用TAB键在网页控件中移动时,将首 ...
Struts Form中Date类型之“argument type mismatch”错误解决方法
现象: 当输入页面中含有日期如2008-01-01时,如果Form中对于的字段为Date类型,则会出现"argument type mismatch"错误. 原因: Struts的 ...
React开发（132）:ant design学习指南之form中控制展开和关闭逻辑
Vue中使用file类型input标签，无法使用reset方法清空已经选择的文件【简单粗暴的解决方案】
这是在一个vue+springboot的小项目中遇到的问题,如图: 看了其他大佬的文章,看到了不少解决方案,但是无济于事,我这里依然报错,我一不做二不休直接提供一个是十分暴力的解决方案下面这个是两 ...
Cadence Orcad 中批量修改off-page connector 标签或者net名字方法
最近做一项目需要批量修改off-page connector 和net网络标号,折腾了好半天总算完成了,现在抽空做一下总结: 第一步:打开原理图文件后选择要修改的页,如果修改整个原理图就选中整个原理图 ...
vue项目中svg图（svg标签）的使用方法
几天前,ui无法把我拉进项目iconfont库,只好切了一份svg图包给我,于是琢磨了怎么用,简单地记录一下其实所在项目什么都配置好了,真正用到的只有最后一项 1. 安装依赖 npm install ...
fieldset在form中的用法
在表单的应用中,我们有时会用到对 form 的信息进行分组,例如"注册(regForm)",可能会将注册信息分组成基本信息(一般为必填),详细信息(一般为可选),因此可考虑在 fo ...
LaTex 中控制表格的行距
LaTex 中控制表格的行距一个比较简单的方法是:表格中,在\begin{table}下加上 \renewcommand\arraystretch{1.5} \begin{table*} \ren ...
Linux中设置tab4个空格,Linux怎么在VIM编辑器中修改Tab为4个空格
摘要腾兴网为您分享:Linux怎么在VIM编辑器中修改Tab为4个空格,云景任务,壹学车,围棋宝典,腾讯qq等软件知识,以及临沂市教育收费,美矣收银系统,我的世界rpgitem,来电归属地显示,盘古 ...

[转]Form中控制Tab画布不同标签间切换的方法

[转]Form中控制Tab画布不同标签间切换的方法相关推荐

最新文章

热门文章