前端API

mxGraaph

画图工具插件，参考网址：http://jgraph.github.io/mxgraph/

JE.core.view.industry.IndustryView

工艺图容器组件

属性

industryCode

• 说明：工艺图的编码，用于加载指定的工艺图
• 类型：String

type

• 说明：展示方式：display|select
• 类型：String

nodes

• 说明：以节点名称作为key的节点集合
• 类型：Ext.util.MixedCollection

方法

load()

• 说明：刷新工艺图的加载方法
• 示例：

  //刷新方法
  panel.load();

JE.core.view.industry.Cell

工艺图容器内元素节点组件

属性

id

• 说明：节点ID
• 类型：String

name

• 说明：节点名称，默认自动生成
• 类型：String

type

• 说明：节点类型，background（背景），switch（开关），scale（刻度），light（阀门|指示灯），text（文字|文本域），custom（自定义），path（线路）
• 类型：String

label

• 说明：节点文字标签
• 类型：String

field

• 说明：节点绑定的业务数据字段编码，方便业务处理
• 类型：String

defaultValue

• 说明：节点的默认值
• 类型：String

config

• 说明：节点的配置信息，不同类型的配置信息不一样
  • light：设置不同值，显示不同的颜色
  • scale：设置不同百分比，显示不同的颜色
  • switch：只是不同值，显示不同的图片
• 类型：Object

cell

• 说明：画图工具的真实dom节点
• 类型：mxCell
  具体操作参考：http://jgraph.github.io/mxgraph/docs/js-api/files/model/mxCell-js.html#mxCell.mxCell

方法

setValue(…)

设置节点值的通用方法，不同类型，参数不同，以下列出不同类型节点的操作说明

setValue(value,[color],[bgColor])

• 说明：text（文本 | 文本域）节点修改操作

• 参数说明

• 示例：

  //设置节点，白色文字，黑色背景
  cell.setValue('文本节点','#ffffff','#000000');

setValue(value,[color])

• 说明：light（阀门 | 指示灯）节点修改操作

• 参数说明

• 示例：

  cell.setValue('1');//默认读取config的颜色配置
  cell.setValue('2','#ff0000');//设置固定颜色值

setValue(start,[color],[sort],[speed])

• 说明：path（线）节点修改操作

• 参数说明

• 示例：

  //设置线，启动动画，绿色线，正向流动，流速为2
  cell.setValue(true,'00ff00',true,2);//设置固定颜色值

setValue(value,[color])

• 说明：scale（刻度）节点修改操作

• 参数说明

• 示例：

  cell.setValue(20);//默认读取config的颜色配置
  cell.setValue(60,'#ff0000');//设置固定颜色值

setValue(value)

• 说明：switch（开关）节点修改操作

• 参数说明

• 示例：

  cell.setValue('1');//默认读取config的图片配置

getValue()：String

• 说明： 获得节点的值

• 示例：

  var value = cell.getValue();

setVisible(visible)

• 说明： 设置节点显隐操作

• 参数说明

• 示例：

  cell.setVisible(true);
  cell.setVisible(false);