版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。


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

1.实时趋势图控件

Image Removed

右击图形配置

Image Removed

按照顺序配置各项参数,保存即可

...