分類( Accordion )允許您提供多個面板( Panel ),并同時顯示若干個面板( Panel )。提供的每個面板( Panel )都有展開和折疊的內(nèi)建支持。
用戶可自定義被選中的面板( Panel )。若未指定,則默認(rèn)選中第一個面板( Panel )。
屬性列表
名稱 |
數(shù)據(jù)類型 |
作用描述 |
默認(rèn)值 |
border |
boolean |
是否顯示邊框。 |
true |
multiple |
boolean |
為True時展開多個面板。 |
false |
animte |
boolean |
定義展開或折疊面板時是否顯示動畫效果。 |
false |
selectedIndex |
number, array |
已初始化的選中面板索引。 |
0 |
事件列表
名稱 |
參數(shù) |
作用描述 |
onPanelSelect |
panel |
選中面板時觸發(fā)。 |
onPanelUnselect |
panel |
未選中面板時觸發(fā)。 |
注:
- 繼承: LocaleBase 。
使用方法
<Accordion style={{ height: 250 }}>
<AccordionPanel title="Title1">
<p>Content1</p>
</AccordionPanel>
<AccordionPanel title="Title2">
<p>Content2</p>
</AccordionPanel>
<AccordionPanel title="Title3">
<p>Content3</p>
</AccordionPanel>
</Accordion>
分類面板( AccordionPanel )
- 分類面板( AccordionPanel )選項繼承自面板( Panel )。
名稱 |
數(shù)據(jù)類型 |
作用描述 |
默認(rèn)值 |
title |
string |
面板標(biāo)題。 |
|
collapsible |
boolean |
是否在標(biāo)題上顯示可折疊按鈕。 |
true |
collapsed |
boolean |
面板是否已經(jīng)折疊。 |
true |
selected |
boolean |
是否選擇面板。 |
false |
expandIconCls |
string |
展開圖標(biāo)類。 |
accordion-expand |
collapseIconCls |
string |
正在折疊的圖標(biāo)類。 |
accordion-collapse |
更多建議: