OAF_开发系列07_实现OAF下拉菜单的上下联动Poplist Synchor(案例)

简介: 20150706 Created By BaoXinjian 一、摘要 下拉列表的级联显示是非常常用的一种界面显示效果,在FORMS中我常作,作法也很简单,可OAF中显然有点麻烦了 现假定有张表,里面有两个字段,一个是Province(省),一个是City(市) 现需要在页面上放置两个下拉列表字段,一个选择省,一个选择市,当然,选择市的下拉列表值需要根据省的下拉列表的选择进行筛选。

20150706 Created By BaoXinjian

一、摘要


下拉列表的级联显示是非常常用的一种界面显示效果,在FORMS中我常作,作法也很简单,可OAF中显然有点麻烦了

现假定有张表,里面有两个字段,一个是Province(省),一个是City(市)

现需要在页面上放置两个下拉列表字段,一个选择省,一个选择市,当然,选择市的下拉列表值需要根据省的下拉列表的选择进行筛选。

实现思路:

实际上很简单,与FORMS差不多,就是要动态的指定选择市的下拉列表的查询,当选择完省后,立即更新市的查询

在Form中通过Trigger进行下拉菜单变更事件的抓取

在OAF中通过Event进行下来菜单变更事件的抓取

 

二、实现分析


Step1. 创建数据库资料, 省和市的资料

 

Step2. 新建一个Business Component Package(For AM and VO)

Step2.1 新建BC:

Package Name:   bxj.oracle.apps.ap.poplist.server

Step2.2 新建AM:

AM Name:          poplistAM

AM Path:            bxj.oracle.apps.ap.poplist.server

Step2.3 新建省的VO(基于SQL):

VO Name:           ChinaProvinceVO

VO Path:             bxj.oracle.apps.ap.poplist.server

SQL:                    SELECT id, provinceid, province FROM bxj_province

Step2.4 新建市的VO(基于SQL):

VO Name:            ChinaCityVO

VO Path:              bxj.oracle.apps.ap.server

SQL:                    SELECT id, cityid, city, father FROM bxj_city

Step2.5 新建市的VO(基于SQL):

VO Name:            ChinaAreaVO

VO Path:              bxj.oracle.apps.ap.server

       SQL:                    SELECT id, areaid, area, father FROM bxj_area

 

Step3. 联AM与VO(方法略)

 

Step4.新建Web Page 及Item

Step4.1新建Page

 

Step4.2 新建Item

 

 

Step5. 创建AM和CO方法

Step5.1 创建CO控制方法

  public void processFormRequest(OAPageContext pageContext, OAWebBean webBean)
  {
    super.processFormRequest(pageContext, webBean);
    
    OAApplicationModule empAM = pageContext.getApplicationModule(webBean);
    
    //当选择省时,刷新市
    if ("refProvince".equals(pageContext.getParameter(EVENT_PARAM))) {
        String province = pageContext.getParameter("ChinaProvinceList");
        String city = pageContext.getParameter("ChinaCityList");
        String area = pageContext.getParameter("ChinaAreaList");
        Serializable[]  amprovinceparams = { province };
        Serializable[]  amaddressparams = { province, city, area };
        empAM.invokeMethod("initCityAddress", amprovinceparams);
        empAM.invokeMethod("initAddress", amaddressparams);
    }
    
    //当选择市时,刷新县
    if ("refCity".equals(pageContext.getParameter(EVENT_PARAM))) {
        String province = pageContext.getParameter("ChinaProvinceList");
        String city = pageContext.getParameter("ChinaCityList");
        String area = pageContext.getParameter("ChinaAreaList");
        Serializable[]  amcityparams = { city };
        Serializable[]  amaddressparams = { province, city, area };
        empAM.invokeMethod("initAreaAddress", amcityparams);
        empAM.invokeMethod("initAddress", amaddressparams);
    }
    
    //当刷新写时,将省市县资料放到EmployeeAddress栏位中,完成自动赋值
    if ("refArea".equals(pageContext.getParameter(EVENT_PARAM))) {
        String province = pageContext.getParameter("ChinaProvinceList");
        String city = pageContext.getParameter("ChinaCityList");
        String area = pageContext.getParameter("ChinaAreaList");
        Serializable[]  amaddressparams = { province, city, area };
        empAM.invokeMethod("initAddress", amaddressparams);
    }
  }

Step5.2 创建AM实现方法

    //当刷新省时,变更市VO的条件
    public void initCityAddress(String p_province) {
        poplistAMImpl addressAM = (poplistAMImpl) this.getpoplistAMSearch();
        ChinaCityVOImpl chinacityVO = addressAM.getChinaCityVO();
        
        chinacityVO.setWhereClause(" province = :1 ");
        chinacityVO.setWhereClauseParam(0, p_province);
        chinacityVO.executeQuery();
    }
    
    //当刷新市时,变更县VO的条件
    public void initAreaAddress(String p_city) {
        poplistAMImpl addressAM = (poplistAMImpl) this.getpoplistAMSearch();
        ChinaCityVOImpl chinacityVO = addressAM.getChinaCityVO();
        
        chinacityVO.setWhereClause(" city = :1 ");
        chinacityVO.setWhereClauseParam(0, p_city);
        chinacityVO.executeQuery();
    }
    
    //当刷新省市县时,自动赋值Address的值
    public void initAddress(String p_province, String p_cit, String p_area) {
        EmployeesVOImpl employeeVO = this.getEmployeesCreateVO();
        EmployeesVORowImpl employeeRow = (EmployeesVORowImpl) employeeVO.getCurrentRow();
        employeeRow.setEmployeeAddress(p_province + p_cit + p_area);
    }

 

Step6 测试三个下拉菜单的级联,和对Address的自动赋值

 

 

Thanks and Regards

参考: Tony Liu - http://blog.itpub.net/10359218/viewspace-677454/

ERP技术讨论群: 288307890
技术交流,技术讨论,欢迎加入
Technology Blog Created By Oracle ERP - 鲍新建
相关文章
|
JavaScript
【Vue3从零开始-实战】S16:详情页样式优化及tab栏内容联动功能实现
【Vue3从零开始-实战】S16:详情页样式优化及tab栏内容联动功能实现
303 0
【Vue3从零开始-实战】S16:详情页样式优化及tab栏内容联动功能实现
|
5月前
|
前端开发
前端ElementPlus框架中的几种图标按钮使用方式
本文介绍了如何在Element Plus前端框架中使用带有图标的按钮,包括设置按钮大小、图标大小、按钮类型以及如何为图标添加点击事件。
500 0
|
6月前
|
小程序 JavaScript 前端开发
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
198 0
|
7月前
|
前端开发 程序员 UED
全面解析layui:掌握基础知识与实用技能(1. 核心组件与模块 2. 布局与容器 3. 弹出层与提示框;1. 数据表格与数据表单 2. 表单验证与提交 3. 图片轮播与导航菜单)
全面解析layui:掌握基础知识与实用技能(1. 核心组件与模块 2. 布局与容器 3. 弹出层与提示框;1. 数据表格与数据表单 2. 表单验证与提交 3. 图片轮播与导航菜单)
94 0
jira项目笔记9-封装输入框和下拉框组件(不用ant之前)
jira项目笔记9-封装输入框和下拉框组件(不用ant之前)
135 0
jira项目笔记9-封装输入框和下拉框组件(不用ant之前)
|
JavaScript
原生js写的一个下拉框功能插件
用原生js写的一个下拉框功能插件
213 0
|
JavaScript 定位技术
ExtJs 实现表单联动
最近做的项目使用Extjs。遇到表单联动的业务。下面来说说主要实现思想: 说明:表单联动一般存在从属关系,有大范围的对象和大范围中的小对象。比如地理位置的选定(例:浙江省-杭州市-某某县)。在这里,我将大范围的对象称为包含对象,大范围中的小对象称为被包含对象。
|
Oracle 关系型数据库
OAF_开发系列18_实现OAF页面跳转setForwardURL / forwardImmediately(案例)
20150716 Created By BaoXinjian 一、摘要 setForwardURL()与forwardImmediately() 1. forwardImmediately会停止当前页面的请求,直接跳转到新的页面; 2.
1568 0
|
关系型数据库 Oracle
OAF_开发系列14_实现OAF代码动态新增控件
dERP技术讨论群: 288307890 技术交流,技术讨论,欢迎加入 Technology Blog Created By Oracle ERP - 鲍新建
1140 0