控件效果

专用属性配置界面

选中实时趋势图，鼠标右键后，弹出属性页（实时趋势图配置）选中实时报警列表，鼠标右键后，弹出属性页（实时报警列表配置）

• 根据“启用级别控制”，勾选后
  • 将显示最小级别为指定数组的报警，小于该级别的报警不再显示到报警列表
• 启用变量名称前缀过滤：对象名.属性名或者变量名称，根据前面部分进行匹配。，勾选后
  • 只有匹配成功的才在报警列表显示，匹配不成功的不显示在报警列表。
• 启用子系统名称过滤，可以添加不同的子系统名称，勾选后
  • 当前报警中，只有变量/对象对应的子系统名称和列表中某个完全一致才会显示，否则不显示
  • 如果列表为空，表示显示所有的报警

方法

setStyle(gridName,data)  设置表格样式（具体可以参考css文档）。暂时抛弃

...

pkgrid.setStyle('grid', {
    headerBorder: {
        border: 'border',
        style: 'solid',
        width: '1px',
        color: 'red'
    },
    bodyBorder: {
        border: 'border-bottom',
        style: 'solid',
        width: '1px',
        color: 'red'
    },
    trHoverEnter: {
        bgColor: 'red',
        color: 'blue'
    },
    trHoverLeave: {
        bgColor: 'transparent',
        color: 'cyan'
    },
    headerText:{
        align:'center',
        color:'#fff'
    },
    bodyAlign:'center'
    })

...

• border：边框类型   border-四边都有边框，border-top-上边框，border-right-右边框，border-bottom：下边框，border-left：左边框
• style：边框的样式   dotted: 定义一个点线边框，dashed: 定义一个虚线边框，solid: 定义实线边框，double: 定义两个边框。 两个边框的宽度和 border-width 的值相同。。。

• width：边框的宽度

• color：边框的颜色

...

• border：边框类型   border-四边都有边框，border-top-上边框，border-right-右边框，border-bottom：下边框，border-left：左边框
• style：边框的样式   dotted: 定义一个点线边框，dashed: 定义一个虚线边框，solid: 定义实线边框，double: 定义两个边框。 两个边框的宽度和 border-width 的值相同。。。

• width：边框的宽度

• color：边框的颜色

...

• bgColor：背景颜色
• color：文字颜色

...

• bgColor：背景颜色
• color：文字颜色

...

• align：文本对齐方式  left-左对齐，center-居中对齐，right-右对齐
• color：文字颜色

Image Added

• 可以在这里选择要显示的列

方法

...

可以获取到系统中的实时报警信息。这是一个数组，通过对数组的遍历，可以访问每个数组元素。

...