1.15 WDA PLG,Application跳转传参

本实例Outbound Plugs页面跳转传参,URL跳转Application传参。

1.创建Component:Z_TEST_WDA_L6;

2.创建Main View;

Context页签:

创建Context Node:NODE_PARAM;

创建Attribute:CARRID,类型spfli-carrid;

创建Attribute:CONNID,类型spfli-connid;

Layout页签:

创建Toolbar组件,创建Button组件,open new application window,绑定Action:OPEN_NEW;

创建两个INPUT组件,分别绑定NODE_PARAM.CARRID,NODE_PARAM.CONNID;

创建Button组件,search,绑定Action: SEARCH;

Outbound Plugs页签:

创建TO_DETAIL,设置传递参数CARRID,CONNID;

3.Methods页签,Action及Method代码实现;

代码实例:ONACTIONSEARCH,获取页面输入Carrid,Connid,跳转到Detail页面查询数据并显示;

  DATA:lo_node TYPE REF TO if_wd_context_node.
DATA:lo_element TYPE REF TO if_wd_context_element.
DATA:lt_node_param TYPE wd_this->elements_node_param.
DATA:ls_node_param TYPE wd_this->element_node_param.
"获取节点
lo_node = wd_context->get_child_node( wd_this->wdctx_node_param ).
lo_element = lo_node->get_element( ).
lo_element->get_static_attributes(
IMPORTING
static_attributes = ls_node_param
).
wd_this->fire_to_detail_plg(
carrid = ls_node_param-carrid
connid = ls_node_param-connid
). 

代码实例:ONACTIONOPEN_NEW,通过URL打开新的Application,并传递参数Carrid,Connid;

  DATA:lo_node TYPE REF TO if_wd_context_node.
DATA:lo_element TYPE REF TO if_wd_context_element.
DATA:lt_node_param TYPE wd_this->elements_node_param.
DATA:ls_node_param TYPE wd_this->element_node_param.
DATA:lv_url TYPE string.
DATA:lv_parameter TYPE string.
DATA:lo_component TYPE REF TO if_wd_component.
DATA:lo_window_manager TYPE REF TO if_wd_window_manager.
DATA:lo_window TYPE REF TO if_wd_window.
"获取节点
lo_node = wd_context->get_child_node( wd_this->wdctx_node_param ).
lo_element = lo_node->get_element( ).
lo_element->get_static_attributes( IMPORTING static_attributes = ls_node_param ).
"获取application url
cl_wd_utilities=>construct_wd_url(
EXPORTING
application_name = 'Z_TEST_WDA_L7'
IMPORTING
out_absolute_url = lv_url
).
"添加parameter
lv_parameter = ls_node_param-carrid.
cl_http_server=>if_http_server~append_field_url(
EXPORTING
name = 'CARRID'
value = lv_parameter
CHANGING
url = lv_url
).
"设置参数
CLEAR lv_parameter.
lv_parameter = ls_node_param-connid.
cl_http_server=>if_http_server~append_field_url(
EXPORTING
name = 'CONNID'
value = lv_parameter
CHANGING
url = lv_url
).
lo_component = wd_comp_controller->wd_get_api( ).
lo_window_manager = lo_component->get_window_manager( ).
lo_window = lo_window_manager->create_external_window( url = lv_url ).
lo_window->open( ). 

4.创建Detail View,显示查询到信息;

Context页签,创建节点NODE_SPFLI,结构和Spfli一致;

Layout页签,创建Table组件,绑定节点NODE_SPFLI;

Inbound Plugs页签:

代码实例:实现通过传入参数获取数据绑定NODE_SPFLI节点;

  DATA:lo_node TYPE REF TO if_wd_context_node.
DATA:lo_element TYPE REF TO if_wd_context_element.
DATA:lt_spfli TYPE wd_this->elements_node_spfli.
DATA:ls_spfli TYPE wd_this->element_node_spfli. SELECT * INTO CORRESPONDING FIELDS OF TABLE lt_spfli
FROM spfli
WHERE carrid = carrid
AND connid = connid.
"获取节点
lo_node = wd_context->get_child_node( wd_this->wdctx_node_spfli ).
lo_node->bind_table( new_items = lt_spfli set_initial_elements = abap_true ). 

5.创建Component: Z_TEST_WDA_L7;

创建Main View;

Context页签:创建NODE_SFLIGHT,结构和Sflight一致;

Layout页签:创建Table组件,绑定NODE_SFLIGHT,显示信息;

Methods页签:创建Method,INIT_SFLIGHT;

在View的WDDOINIT方法中调用INIT_SFLIGHT方法;

代码实例:INIT_SFLIGHT,通过Application URL传递参数获取对弈Sflight信息;

主要通过wdr_task=>client_window->

if_wdr_client_info_object~get_parameter方法获取URL中传递参数;

  DATA:lo_node TYPE REF TO if_wd_context_node.
DATA:lo_element TYPE REF TO if_wd_context_element.
DATA:lv_string TYPE string.
DATA:lv_carrid TYPE spfli-carrid.
DATA:lv_connid TYPE spfli-connid.
"获取数据
DATA:lt_sflight TYPE wd_this->elements_node_sflight.
DATA:ls_sflight TYPE wd_this->element_node_sflight.
"获取节点
lo_node = wd_context->get_child_node( wd_this->wdctx_node_sflight ). "获取carrid
lv_string = wdr_task=>client_window->if_wdr_client_info_object~get_parameter( 'CARRID' ).
lv_carrid = lv_string.
"获取connid
CLEAR lv_string.
lv_string = wdr_task=>client_window->if_wdr_client_info_object~get_parameter( 'CONNID' ).
lv_connid = lv_string.
"查询数据
SELECT * INTO CORRESPONDING FIELDS OF TABLE lt_sflight
FROM sflight
WHERE carrid = lv_carrid
AND connid = lv_connid.
"获取节点
lo_node->bind_table( new_items = lt_sflight set_initial_elements = abap_true ).

WDA学习(22):WDA PLG,Application跳转传参的更多相关文章

  1. 小程序页面跳转传参-this和that的区别-登录流程-下拉菜单-实现画布自适应各种手机尺寸

    小程序页面跳转传参 根目录下的 app.json 文件 页面文件的路径.窗口表现.设置网络超时时间.设置多 tab { "pages": [ "pages/index/i ...

  2. vue路由(一个包含重定向、嵌套路由、懒加载的main.js如下)and 路由跳转传参的query和params的异同

    import Vue from 'vue'import VueRouter from 'vue-router'import App from './App'Vue.use(VueRouter)cons ...

  3. angular2 post以“application/x-www-form-urlencoded”形式传参的解决办法

    angular2 post以“application/x-www-form-urlencoded”形式传参的解决办法 http://blog.csdn.net/tianjun2012/article/ ...

  4. vue 页面跳转传参

    页面之间的跳转传参,正常前端js里写 window.location.href="xxxxx?id=1" 就可以了: 但是vue不一样 需要操作的是路由history,需要用到 V ...

  5. 微信小程序~跳页传参

    [1]需求: 点击商品,跳到相应商品详情页面 [2]代码: (1)商品列表页 <view class="goodsList"> <view wx:for=&quo ...

  6. js实现静态页面跳转传参

    最近有个项目: 存静态web服务,一个新闻页面列表出所有新闻摘要信息,然后通过点击新闻详情访问到该新闻的详情页面: 新闻展示的页面通过ajax请求接口获取到新闻的摘要信息,预计想通过id的方式访问到新 ...

  7. Vue ---- 组件文件分析 组件生命周期钩子 路由 跳转 传参

    目录 Vue组件文件微微细剖 Vue组件生命周期钩子 Vue路由 1.touter下的index.js 2.路由重定向 3.路由传参数 补充:全局样式导入 路由跳转 1. router-view标签 ...

  8. Vue之路由跳转 传参 aixos 和cookie

    一.路由跳转 1.1 项目的初始化 vue create m-proj   >>>创建vue项目 精简vue项目的 views 视图   About(基本是删除的) Home.(可以 ...

  9. 【Java EE 学习 22 上】【文件上传】【目录打散】【文件重命名】

    1.文件上传概述 (1)使用<input type="file">的方式来声明一个文件域. (2)表单提交方式一定要是post方式才行 (3)表单属性enctype 默 ...

  10. iOS 程序间跳转传参(支付和地图)

    两个APP之间的跳转是通过[[UIApplication sharedApplication] openURL:url]这种方式来实现的. 1.首先设置第一个APP的url地址 2.接着设置第二个AP ...

随机推荐

  1. js 字符串中提取ip地址

    方法1: var reg = new RegExp(/\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}/);var str = 'http://172.38.172.10:8000 ...

  2. Flink1.11 解决 No ExecutorFactory found to execute the application

    在使用Flink1.11的时候写了个本地Test 运行的时候发现报错了,具体如下 Exception in thread "main" java.lang.IllegalState ...

  3. 为win10添加右键“以管理员身份运行MSI”选项

    win+r运行regedit以打开注册表编辑器 定位到HKEY_CLASSES_ROOT\Msi.Package\shell 右键shell,新建 项 项名称为runas 双击runas右边的默认,填 ...

  4. element ui form 表单 校验upload是否有上传

    查到资料 可以绑定在一个多选上,校验此绑定的值 1 <el-form-item label="上传图片" prop="双向绑定值"> 2 <e ...

  5. Java 根据模板导出PDF

    目录 前言 思路一:直接导出pdf 使用itext模板导出pdf 思路二:先导出word再转成pdf 1)导出word 2)word转pdf 最终方案 docx4j spire.doc.free + ...

  6. nanoPi R1 资料

    eflasher脱机烧写 在命令行终端中通过执行下列命令进行烧写: $ su root $ eflasher root 用户的密码是 fa.   串口登录 控制台波特率 115200

  7. vscode 终端中运行执行js文件

    问题汇总 1.在vscode中执行node -v没有反应或者执行js文件出现下图错误 解决办法: 1.先关闭vscode,找到vscode的执行文件,在兼容性中勾上以管理员身份运行此程序,该问题win ...

  8. zk-复制安装

      Zookeeper系列一:Zookeeper介绍.Zookeeper安装配置.ZK Shell的使用   一.Zookeeper介绍 1. 介绍Zookeeper之前先来介绍一下分布式 1.1 分 ...

  9. 第二周day5

    第二周day5,星期五 所花时间:1h 代码量: 搏客量:1 了解到的知识点:学习了安卓的帧布局表格布局和约束布局的相关知识,并完成了对应的习题.

  10. JMeter创建上传文件脚本

    环境:Macbook10 ,apache-jmeter-4.0 1. 创建脚本:添加 -> Sampler -> HTTP请求 2.基本配置 3. 设置实现方式,这一步是关键的关键.... ...