TAB页制作

tab标签画布和fixed画布的应用

加标签画布,继承子类信息

tab画布添加标签,按照需求添加

设置标签的子类信息

创建与标签同名的堆叠画布,有几个标签建几个画布,继承子类信息

数据块的项分别显示在不同的画布上

每个画布里的内容设置位置,不同画布被切割大小要相同(美观),项的起始位置也要相同,效果如下

tab画布,fixed画布与第一个标签画布堆叠在主画布上MAIN

调整各个画布的位置,效果如下

调完第一个标签画布的位置后,要以此调整所有标签画布的位置与第一画布重叠

在程序单元的增删改查包中增加一个存储过程代码如下:

procedure line_tab(event in varchar2) is

curr_canvas_name varchar2(30) := get_item_property(:system.cursor_item,

item_canvas);

current_tab varchar2(30) := get_canvas_property(‘LINE_TAB‘,

topmost_tab_page);

target_canvas_name varchar2(30) := :system.tab_new_page;

begin

if (event = ‘WHEN-TAB-PAGE-CHANGED‘) then

if curr_canvas_name in (‘MAIN‘) then

show_view(target_canvas_name);

go_item(:system.cursor_item);

else

validate(item_scope);

if not form_success then

set_canvas_property(‘LINE_TAB‘,topmost_tab_page, :system.tab_previous_page);

return;

end if;

if target_canvas_name = ‘LINE_MAIN‘ then

go_item(‘ORDER_HEADERS_V.VENDOR_ID‘);

elsif target_canvas_name = ‘LINE_ADDITION‘ then

go_item(‘ORDER_HEADERS_V.OTHER1‘);

elsif target_canvas_name = ‘LINE_OTHERS‘ then

go_item(‘ORDER_HEADERS_V.OTHER6‘);

end if;

end if;

elsif (event = ‘WHEN-NEW-ITEM-INSTANCE‘) then

if ((curr_canvas_name in (‘LINE_MAIN‘,‘LINE_ADDITION‘,‘LINE_OTHERS‘)) and (curr_canvas_name != current_tab)) then

set_canvas_property(‘LINE_TAB‘,topmost_tab_page,curr_canvas_name);

end if;

elsif (event = ‘INIT‘) then

show_view(‘LINE_TAB‘);

show_view(‘LINE_FIXED‘);

hide_view(‘LINE_OTHERS‘);

hide_view(‘LINE_ADDITION‘);

show_view(‘LINE_MAIN‘);

else

app_exception.invalid_argument(‘LINE_TAB‘,

‘EVENT‘, event);

end if;

end line_tab;

  1. form级别触发器WHEN-TAB-PAGE-CHANGED,代码如下

declare

the_canvas varchar2(30) := :system.event_canvas;

begin

if the_canvas = ‘LINE_TAB‘ then

ORDER_HEADERS_V_PRIVATE.line_tab(‘WHEN-TAB-PAGE-CHANGED‘);

end if;

end;

form级别触发器WHEN-NEW-FORM-INSTANCE,增加如下代码

每个标签的开始项和结束项item下增加触发器WHEN-NEW-ITEM-INSTANCE

时间: 2024-08-19 08:03:07

TAB页制作的相关文章

CefSharp禁止弹出新窗体,在同一窗口打开链接,或者在新Tab页打开链接,并且支持带type="POST" target="_blank"的链接

说明:在同一窗口打开链接,只要稍加改造就可以实现,这里实现的是在新Tab页打开链接,并且支持带type="POST" target="_blank"的链接 github和bitbucket上相关问题: 1.WPF empty POST data when using custom popup    https://github.com/cefsharp/CefSharp/issues/1267 2.CefLifeSpanHandler, customized OnB

局部区块多个报表 TAB 页切换及局部区块的参数查询

在企业的业务系统中,如何从纷繁复杂的数据中抽丝剥茧看到关键数据信息呢?一个重要的途径就是将企业和各部门运营中关键的 KPI 集中在一起显示,同时尽量省去在企业的各个业务系统中分别查找数据. 下面是我近期遇到的一个客户实际要求的效果,在一个列表页面中有多个模块,每个模块又可以以多 TAB 页的方式切换不同的报表,并且每个区块都有自己独立的查询过滤条件.在查询条件发生变化的时候,只是该区块刷新,而不需要刷新整个页面. 显然,上面截图的效果,通过硬编码或者通过 iframe 嵌套多张报表也是可以实现这

微信Tab页切换

参考开源项目PagerSlidingTabStrip 做了一些小修改,比如设置Tab页平均铺满效果.字体变色等 微调的代码请 源码 下载 关于我 private void addTab(final int position, View tab) { tab.setFocusable(true); tab.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { pager.setCurre

Android 高仿华为手机Tab页滑动导航效果

首先带大家看一下实现效果,用了两种实现方式: 1.基于LinearLayout实现,导航栏不可响应手指滑动 2.基于HorizontalScrollView实现,导航栏可响应手指滑动 实现方式虽然不一样,但是使用的是一样的,因为我接口封装的一模一样,下面看实现效果. 基于LinearLayout的实现: 基于HorizontalScrollView的实现: 两者效果一样,区别就在于导航条可否随用户操作滑动. 下面只说明LinearLayout实现,HorizontalScrollView仅仅是套

使用原生js与jQuery分别实现一个简单的tab页签

tab页签通常适用于空间有限而内容较多同时兼顾页面美观度不给用户一种信息过量视觉疲劳的情形.使用面非常广,下面我们用两种方法简单实现之. 首先,构建页面元素.页签的可点击部分我们通常用列表来承载,包括ul和ol,我们这里让页签呈横向分布,所以需要使之向左浮动.而页签内容部分使用div承载即可.另外,我们需要对具有共性的元素统一控制样式和行为,所以就有了下面的dom结构: <div id="main"> <ul id="tabbar" class=&

chrome浏览器tab页内存占用变大,网站变慢为哪般?

问题概述: 公司做的是BS应用. 之前我们的后台服务器程序是带状态的,用ehcache存储登录状态:这两天被我改成了redis存储,应用本身不再存储登录状态. 然后自测,我在测试某个很耗时间的网页操作的时候,发现第一次请求的时候还比较快(这个请求会开200个iframe出来,每个iframe内部还有2个ajax请求)(期间浏览器会向服务器发送了大概600个请求),耗时1分钟内: 然后第二次请求的时候,发现很多请求一直处于pending状态(chrome的开发者工具可以看),等待很久也出不来页面,

动态tab页

1.前台代码 <%-- builed by manage.aspx.cmt  [ver:2015.25.26] at 2015-06-26 15:25:42 --%> <%@ Page Language="C#" AutoEventWireup="True" CodeBehind="CcrCompanyManage.aspx.cs" Inherits="HraWeb.CcrCompanyManage" %&g

JS组件系列——基于Bootstrap Ace模板的菜单和Tab页效果

Ace模板地址:http://code.google.com/p/ace-engine/wiki/AceTemplate(有时会打不开) Ace英文官网:http://wrapbootstrap.com/preview/WB0B30DGR Ace模板功能介绍地址:http://www.cnblogs.com/txw1958/p/Ace-Responsive-Admin-Template.html 一.效果展示 1.初始加载出来的效果 2.展开菜单(支持多级展开,后面代码介绍) 3.点击子菜单,以

1、应用设置之TAB页

转载请注明出处:http://blog.csdn.net/droyon/article/details/39891257                       应用设置的TAB页,共分6页.如图所看到的,依次为"已下载"."USB存储设备"."正在执行"."所有","已停用"6项. Android原生逻辑, "USB存储设备"页,假设外部存储设备为模拟存储区,则不显示. "