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:函数名**)