nuipush获取不到cid_EOS7+中结合NUI实现流程图和活动信息的显示

1、 当创建项目选择的页面框架是Richweb时，可以在页面的选用板中选择工作流组件“Workflow Tag------ProcessGraph”，页面中会自动引入相关的jsp和标签，但最后一个workflow-tag.js路径错误，需要去掉前面的“/common”。如果页面只是用来显示流程图或图元信息，去掉这个js也可以。如下所示：

显示流程图

2、 若将上面的标签换成标准的标签，src中一定要加上当前应用上下文，否则无法显示流程图中的连接线，如下代码所示：

3、 也可以按照BPS帮助文档中的说明，用下面的代码替换自动引入的JSP和JS，此时代码比较简洁，如下所示：

显示流程图

注意：在NUI页面框架中，缺省模板中有如下代码：

< !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

在显示流程图的页面中一定要去掉该行代码，否则流程图会错位。

4、 若想显示活动图元的信息，需要嵌套使用activityGraph标签，如下代码所示：

产品联机帮助中有属性的详细说明，但是双击事件在该版本中不支持。

5、在上面代码中show中需要取得人工活动图元的信息，方法如下：function show(e){

alert("流程定义ID："+ e.getAttribute("processdefid"));

alert("活动定义ID："+ e.getAttribute("activitydefid"));

alert("流程实例ID："+ e.getAttribute("processinstid"));

alert("活动实例ID："+ e.getAttribute("activityinstid"));

}

6、使用NUI控件显示活动信息时，有多种方式，除了nui.open外，还有nui的messagebox和window等，可以根据实际情况选择。本文提供三种方式，详细代码如下：--%>

pageEncoding="UTF-8" session="false" %>

--%>

显示流程图

/workflow/wfcomponent/web/js/workflow.js">

--%>

showMaxButton="true" showModal="false"

allowResize="true" allowDrag="true"

>

nui.parse();

//方法二需要

var htmlContent = document.getElementById("htmlContent");

function show(e){

//alert("流程定义ID："+ e.getAttribute("processdefid"));

//alert("活动定义ID："+ e.getAttribute("activitydefid"));

//alert("流程实例ID："+ e.getAttribute("processinstid"));

//alert("活动实例ID："+ e.getAttribute("activityinstid"));

var actX = event.x;

var actY = event.y;

//根据实际情况，可以通过nui.ajax获取所需数据进行组装

var content=[];

content.push("

");

content.push("

content.push("

操作人：");

content.push("

");

content.push("

操作时间：");

content.push("

");

content.push("

审批意见：");

content.push("

");

content.push("

");

//方法一：适用于IE

//var p=window.createPopup();

//var pbody=p.document.body;

//pbody.style.backgroundColor='#ffffee';

//pbody.style.border='solid red 1px';

//pbody.style.fontSize = '1';

//pbody.innerHTML=content.join("");

//p.show(actX+15, actY+15, 200, 100, document.body);

//方法二：

htmlContent.style.display = "";

nui.showMessageBox({

width: 250,

title: "信息",

buttons: ["ok"],//有【确定】按钮

timeout: 2000,//2s后自动关闭

html: content.join(""),

showModal: false,

x: actX+15,

y: actY+15

});

//方法三：

//var win = nui.get("win1");

//win.getBodyEl().innerHTML = content.join("");

//win.showAtPos(actX+15, actY+15);

//延迟2s，自动隐藏

//setTimeout(function () {

// win.hide();

// }, 2000);

}