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();
}
执行一下，看一下最终的效果吧
