模板 : element : 生成元素属性

生成成员属性

a : 设置属性

在element模板中可以用a属性来控制渲染出的dom element的属性。

用法

    {
        e:"div",
        a:{
            id:"sampleid",
            class:"sampleclass"
        }
    }

渲染结果

    <div id="sampleid" class="sampleclass"></div>

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

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

 a:{
      "data-sample":"sample data"
 }

使用数据漫游器

a的成员的值串中可以使用数据漫游器将数据填充到值串中。

使用函数生成属性值

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

 a:{
     class:function(p){
          if(p.data.field==="a"){
               return "classa";
          }else{
               return "classb";
          }
     }
 }

传入参数的结构如下：

 { container:container,data:data}

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

常用属性快捷方式

id,name,class因为经常被使用到，所以可以直接在element中用相应的属性设置，但是取值不允许使用函数或者数据漫游器，如果需要根据数据决定取值，请使用a属性的成员进行设置。