控件效果

专用属性配置界面

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

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

方法

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'
      })

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

  • width：边框的宽度

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

  • width：边框的宽度

  • color：边框的颜色
• trHoverEnter：表格内容鼠标移入效果
  • bgColor：背景颜色
  • color：文字颜色
• trHoverLeave：表格内容鼠标移出效果
  • bgColor：背景颜色
  • color：文字颜色
• headerText：表格标题文本样式
  • align：文本对齐方式  left-左对齐，center-居中对齐，right-右对齐
  • color：文字颜色
• bodyAlign：表格内容文本对齐方式  left-左对齐，center-居中对齐，right-右对齐