EAS 前后端交互简单示例(6)

栏目:eas cloud知识作者:金蝶来源:金蝶云社区发布:2024-09-16浏览:1

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)

【emoji】顶帖


1️⃣2️⃣

EAS 前后端交互简单示例(6)

## 目标:在自定义的单据中增加一个按钮,点击后,跳转到金蝶官网## 前后端交互方式实现:1. 在Web端新增后台功能,openKingdee。![imag...
点击下载文档
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息