Easyui Series Learning (11)-accordion (category)

First, load

1.class loading

<Divclass= "Easyui-accordion"style= "width:300px;height:200px">    <Divtitle= "Accordion1">Accordion1</Div>    <Divtitle= "Accordion2">Accordion2</Div>    <Divtitle= "Accordion3">Accordion3</Div></Div>

2.js loading

<DivID= "Acdn"style= "width:300px;height:200px">    <Divtitle= "Accordion1">Accordion1</Div>    <Divtitle= "Accordion2">Accordion2</Div>    <Divtitle= "Accordion3">Accordion3</Div></Div><Script>    $(function () {        $("#acdn"). Accordion ({}); });</Script>

The generated code

Second, the attribute

<DivID= "Acdn">    <Divtitle= "Accordion1">Accordion1</Div>    <Divtitle= "Accordion2">Accordion2</Div>    <Divtitle= "Accordion3">Accordion3</Div></Div><Script>    $(function () {        $("#acdn"). Accordion ({width: -, Height: $, border:true,            //Fit:true,            //Animate:true,            //expand multiple panels at the same timeMultiple:true, selected:1        }); });</Script>

III. Events

<DivID= "Acdn">    <Divtitle= "Accordion1">Accordion1</Div>    <Divtitle= "Accordion2">Accordion2</Div>    <Divtitle= "Accordion3">Accordion3</Div></Div><Script>    $(function () {        $("#acdn"). Accordion ({width: -, Height: $, OnSelect:function(title, index) {console.log (title+ "," +index); }, Onunselect:function(title, index) {console.log (title+ ":" +index); }, Onadd:function(title, index) {console.log (title+ ":" +index); }, Onbeforeremove:function(title, index) {console.log (title+ ":" +Index+ "before"); }, OnRemove:function(title, index) {console.log (title+ ":" +Index+ "after");    },        }); });</Script>

Iv. methods

Five, new properties

Because the classification component inherits the Panel property, it has selected and collapsible two properties

Easyui Series Learning (11)-accordion (category)