EAS 前后端交互简单示例(6)
## 目标:在自定义的单据中增加一个按钮,点击后,跳转到金蝶官网
## 前后端交互方式实现:
1. 在Web端新增后台功能,openKingdee。
![image20210704154405680.webp](/download/0100d6bf73801c804fec839e87acec188f26.webp)
2. 在BOS的Java或资源视图下刷新。
![image20210704161302158.webp](/download/0100e5a9ab16a3cb4a6fa14e4a6166ceddab.webp)
3. 在OpenKingdeeHandler中编写以下代码
```java
package com.kingdee.eas.custom;
import com.kingdee.bos.BOSException;
import com.kingdee.bos.eventbus.event.action.IActionEventHandler;
import com.kingdee.bos.eventbus.event.action.KDActionEvent;
import com.kingdee.bos.webframework.dynamic.handler.AbstractWebEventHandler;
import com.kingdee.bos.webframework.exception.WafException;
import com.kingdee.bos.webframework.json.JSONUtils;
public class OpenKingdeeHandler extends AbstractWebEventHandler implements IActionEventHandler {
public void onAction(KDActionEvent event) throws WafException,BOSException {
JSONUtils.SUCCESS("http://www.kingdee.com");
}
}
```
4. 重启BOS服务端
5. 在Web端添加Button
![image20210704161915967.webp](/download/0100a0ef7d0da85e4f248257da5da649c2e7.webp)
6. 为Button添加事件
![image20210704162024420.webp](/download/01002c83bef127ea4304a57b21765c26ce70.webp)
7. 为Button添加点击的实现方法
![image20210704162433857.webp](/download/0100ef41bcb9b23a479d8a8433a824fc006a.webp)
```java
openKingdee:function(event,value){
waf.doPost({
action:"openKingdee",
success:function(data){
window.open(data);
},
error:function(){
alert("我失败了");
}
});
```
## 实现方式二:纯前端实现-点击事件方式
1. 在web端增加按钮
![image.webp](/download/010058d2668e207b415096b697692b615a8f.webp)
2. 添加点击事件的实现方法:
![image.webp](/download/0100aefa56c114ad4c45bb0d0a8294dcc833.webp)
3. 编写代码:
```java
openKingdee:function(event,value){
window.open("http://www.kingdee.com");
}
```
## 实现方式三:纯前端实现-页面功能方式
1. 新建页面功能
![image.webp](/download/0100358108d5a34d4229bd6ad60a201b2909.webp)
2. 编写实现功能的代码
```java
webOpenKingdee:function(e){
window.open("http://www.baidu.com");
}
```
3. 在按钮绑定功能
![image.webp](/download/0100614f607bda4b4baead37585baeb25b94.webp)
1️⃣2️⃣
【emoji】顶帖
1️⃣2️⃣
EAS 前后端交互简单示例(6)
## 目标:在自定义的单据中增加一个按钮,点击后,跳转到金蝶官网## 前后端交互方式实现:1. 在Web端新增后台功能,openKingdee。![imag...
点击下载文档
本文2024-09-16 22:02:10发表“eas cloud知识”栏目。
本文链接:https://wenku.my7c.com/article/kingdee-eas-45517.html
您需要登录后才可以发表评论, 登录登录 或者 注册
最新文档
热门文章