模板 : element : 控制样式

设置样式

class : 设置class

{
   e:"div",
   class:"sample"
}

生成结果

<div class=sample></div>

width / height : 设置宽度和高度

{
   e:"div",
   width:300,
   height:100
}

生成结果

<div style="width:300px;height:100px"></div>

style : 设置行间样式

    {
        e:"div",
        style:{
            width:"300px",
            height:"100px"
        }
    }

渲染结果

    <div style="width:300px;height:100px"></div>

style的成员的属性名和值将用作渲染出来的节点的样式的名和值。

当需要生成的属性名包含特殊字符时，可以使用引号将属性名包括在内。

     style:{
          "font-size":"14px"
     }

style的成员也可是函数，以根据数据生成不同的属性。

     a:{
         "font-size":function(p){
              if(p.data.field==="a"){
                   return "14px";
              }else{
                   return "12px";
              }
         }
     }

传入参数的结构如下：

     { container:container,data:data}

函数需要返回字符串作为生成的样式的值。