OAF 开发TAB页

TAB页

2013年1月17日

21:31

当查询结果列数比较多的时候，往往一页显示不下，在FORM的情况下，我们往往会用Tab页的方法解决。那么在OAF如何制作TAB页呢？下面的教程将介绍如何制作一个简单的TAB页

一、新建AM

在test.oracle.apps.cux上点击右键，选择CreateApplication Module

输入 Package：test.oracle.apps.cux.tabpage.server

Name：TabPageAM

下一步，直到完成

二、新建VO

在test.oracle.apps.cux.tabpage.server点右键，选择Create View Object

输入 Package：test.oracle.apps.cux.tabpage.server

Name：EmployeeVO

下一步，一直到 Step 5 SQL Statement

在Qurey Statement中输入

SELECTemp.employee_id

,emp.first_name

,emp.last_name

,emp.full_nameemplayee_name

,emp.email_address

,emp.position_code

,emp.salary

,emp.start_date

,emp.end_date

,emp.manager_id

,man.full_namemanager_name

,man.email_addressmanager_email

FROMfwk_tbx_employees emp

,fwk_tbx_employeesman

WHEREemp.manager_id = man.employee_id(+)

下一步，完成

三、添加VO到AM中

双击TabPageAM，进入AM编辑界面

在Data Model标签页中，将EmployeeVO添加到TabPageAM下

确定

四、新建PAGE页

在test.oracle.apps.cux.tabpage上点击右键 New->Web Tier->OA Components->Page

确定

输入 Name：TabPagePG

Package：test.oracle.apps.cux.tabpage.webui

确定

修改PageLayout属性

ID：PageLayoutRN

AM Definition：test.oracle.apps.cux.tabpage.server.TabPageAM

Window Title：Tab Page

Title：Tab Page：JiangYu

在PageLayoutRN下新建一个Region

修改Region属性

ID：SubTabRN

Region Style：subTabLayout

在SubTabRN下面新建两个Region

修改region1属性

ID：MainSub

Region Style：stackLayout

修改region2属性

ID：AssignSub

Region Style：stackLayout

右键点击SubTabRN，选择New->subTabs

系统会自动创建subTabBar

右键点击subTabBar，选择New->link，创建两个link

修改link1属性

ID：MainLink

Text：主要

修改link2属性

ID：AssignLink

Text：补充

结构图如下:

好了，我们可以先运行一下，先睹为

下面，我们在Tab页里面加入数据

五、用向导创建表

右键选择MainSub，点击New->Region Using Wizard

选择 Application Module：test.oracle.apps.cux.tabpage.server.TabPagePg

AvailableView Usage：EmployeeVO1

下一步,

输入 Region ID：MainTable

Region Style：table

下一步至View Attributes，选择

EmployeeId，EmplayeeName，EmailAddress，PositionCode

下一步，修改表格属性，如图

完成

修改MainTable属性，设置Width为100%

修改Item属性，设置SearchAllowed为True

右键选择AssignSub，点击New->Region Using Wizard

选择 Application Module：test.oracle.apps.cux.tabpage.server.TabPagePg

AvailableView Usage：EmployeeVO1

下一步

输入 Region ID：AssignTable

Region Style：table

下一步到View Attributes，选择

EmployeeId，FirstName，LastName，Salary，StartDate，EndDate，ManagerName，ManagerEmail

下一步，修改表格属性，如图

完成

修改AssignTable属性，设置Width为100%

修改ITEM属性，设置SearchAllowed为True

最终结构图如下:

运行一下吧

下面，我们要添加个CO，查询数据

六、添加CO

右键点击PageLayoutRN，选择Set New Controller...

输入 Package Name：test.oracle.apps.cux.tabpage.webui

Class Name：TabPageCO

在processRequest中加入如下代码

public voidprocessRequest(OAPageContext pageContext, OAWebBean webBean)

{

super.processRequest(pageContext,webBean);

OAApplicationModuleam = pageContext.getApplicationModule(webBean);

OAViewObjectvo = (OAViewObject)am.findViewObject("EmployeeVO1");

vo.executeQuery();

}

执行一下，看一下最终的效果吧