tabStrip
-------------
#### **tabStrip标签页**

```xml

<!--h:为命名空间,必须要加的;id可写可不写;value为默认打开的标签页，属性值对应tab页的title的值;animation表示是否启用动画，值类型为布尔值-->
 <h:tabStrip id="tabstrip" value="Paris" animation="false">
      <h:tabs>
            //title为标签页的标题
          <h:tab title="Paris">
            //此标签的html内容  
             ...
          </h:tab>
          <h:tab title="New York">
            ...
          </h:tab>
        </h:tabs>
</h:tabStrip>

```



#### **一般属性**

> **提示:**
> - 属性用法请参考kendoui API文档的tabStrip:http://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip


属性名|类型
----|----
animation|Boolean
collapsible|Boolean
dataContentField|String
dataSource | kendo.data.DataSource(Function)
dataTextField|String
navigatable|true
scrollable|Boolean
tabPosition|String
value|String
activate|function
contentLoad|function
error|function
select|function
change| Function
dataBound | Function
dataBinding|function



用法示例：

```xml
<h:tabStrip value="标签2" collapsible="true" tabPosition="top">
     <h:tabs>
         <h:tab title="标签1">
             <h:button text="hello1" className="btn-primary" click="test" enable="true" icon="cancel"/>
             <h:button text="hello2" className="btn-primary" click="test" enable="true" icon="cancel"/>
         </h:tab>
         <h:tab title="标签2">
             <h:button text="hello3" className="btn-primary" click="test" enable="true" icon="cancel"/>
             <h:button text="hello4" className="btn-primary" click="test" enable="true" icon="cancel"/>
         </h:tab>
     </h:tabs>
 </h:tabStrip>


<!--或者 将tabStrip与dataSource绑定,-->

<h:dataSource id="dataSourceTabStrip">
     <h:data>
         <h:item name="tab1" content="tab1content"/>
         <h:item name="tab2" content="tab2content"/>
     </h:data>
 </h:dataSource>

 <h:tabStrip dataSource="dataSourceTabStrip" dataTextField="name" dataContentField="content" />




```

> **提示:**



> - 上述所有属性直接添加在标签内即可，（**[属性名] = "..."**）,对于既是**String**类型又是**Function**类型的属性，只需要加**fn:**前缀区分即可,（**fn:函数名**）





