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

方法

setValue(…)

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

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

  • 说明:text(文本 | 文本域)节点修改操作

  • 参数说明

参数名 类型 必填 默认值 说明
value String 展示的文字
color String 文字颜色
bgColor String 文字背景色
  • 示例:
    //设置节点,白色文字,黑色背景
    cell.setValue('文本节点','#ffffff','#000000');

setValue(value,[color])

  • 说明:light(阀门 | 指示灯)节点修改操作

  • 参数说明

参数名 类型 必填 默认值 说明
value String 灯的状态值
color String 灯的颜色,默认读取config配置
  • 示例:
    cell.setValue('1');//默认读取config的颜色配置
    cell.setValue('2','#ff0000');//设置固定颜色值

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

  • 说明:path(线)节点修改操作

  • 参数说明

参数名 类型 必填 默认值 说明
start Boolean false 开启或者关闭动画
color String 线的颜色
sort Boolean true 线的流动方向:true正向,false反向
speed Number 1 线的流动速度,越大流速越快,最小值为1
  • 示例:
    //设置线,启动动画,绿色线,正向流动,流速为2
    cell.setValue(true,'00ff00',true,2);//设置固定颜色值

setValue(value,[color])

  • 说明:scale(刻度)节点修改操作

  • 参数说明

参数名 类型 必填 默认值 说明
value Number 1-100范围的数值
color String 刻度容器颜色
  • 示例:
    cell.setValue(20);//默认读取config的颜色配置
    cell.setValue(60,'#ff0000');//设置固定颜色值

setValue(value)

  • 说明:switch(开关)节点修改操作

  • 参数说明

参数名 类型 必填 默认值 说明
value String 开关的状态值
  • 示例:
    cell.setValue('1');//默认读取config的图片配置

getValue():String

  • 说明: 获得节点的值

  • 示例:

    var value = cell.getValue();

setVisible(visible)

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

  • 参数说明

参数名 类型 必填 默认值 说明
visible Boolean true显示,false隐藏
  • 示例:
    cell.setVisible(true);
    cell.setVisible(false);
最后编辑: 呼丽华  文档更新时间: 2024-07-05 09:35   作者:呼丽华