Easyui Series Learning (10)-tabs (tab)

First, create the component

<Divclass= "Easyui-tabs"style= "width:500px;height:250px">    <Divtitle= "Tab1">Tab1</Div>    <Divtitle= "TaB2">TaB2</Div></Div>

Second, the attribute

1.

<DivID= "TBS">    <Divtitle= "Tab1">Tab1</Div>    <Divtitle= "TaB2">TaB2</Div>    <Divtitle= "Tab3">Tab3</Div></Div><Script>    $(function () {        $("#tbs"). Tabs ({width: -, Height: -,            //Plain:true,            //Fit:true,border:true, tools: [{iconcls:"Icon-add", Handler:function() {alert ("Add"); }}, {iconcls:"Icon-edit", Handler:function() {alert ("Edit"); }}], Toolposition:" left",            //set the location of the headertabposition:"Top",            //valid only if TabPosition is left or right            //headerwidth:150,            //Initialize selects a tab page, which defaults to 0selected:1, Showheader:true        }); });</Script>

Generated HTML (found panel, over there it also inherits some of the panel's properties)

2.

<DivID= "TBS">    <Divtitle= "Tab1">Tab1</Div>    <Divtitle= "TaB2">TaB2</Div>    <Divtitle= "Tab3">Tab3</Div></Div><Script>    $(function () {        $("#tbs"). Tabs ({width: -, Height: -, Tabwidth: -, Tabheight: -,            //the pixel value of each scroll of the tab, default isscrollincrement: -,            //Duration of each scrolling animation, defaultscrollduration: +        }); });</Script>

III. Events

Iv. methods

Easyui Series Learning (10)-tabs (tab)