控件效果

专用属性配置界面

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

• 根据“启用级别控制”，勾选后，将显示最小级别为指定数组的报警
• 启用新报提示：？？？
• 启用变量名称前缀过滤：对象名.属性名或者变量名称，根据前面部分进行匹配。只有匹配成功的才在报警列表显示，匹配不成功的不显示。
• 启用子系统名称过滤，可以添加不同的子系统名称，将子系统名称包含在输入列表中的那些报警

方法

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-右对齐