React EasyUI 分類

2020-06-24 12:03 更新

分類( Accordion )允許您提供多個(gè)面板( Panel ),并同時(shí)顯示若干個(gè)面板( Panel )。提供的每個(gè)面板( Panel )都有展開和折疊的內(nèi)建支持。 用戶可自定義被選中的面板( Panel )。若未指定,則默認(rèn)選中第一個(gè)面板( Panel )。

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
border boolean 是否顯示邊框。 true
multiple boolean 為True時(shí)展開多個(gè)面板。 false
animte boolean 定義展開或折疊面板時(shí)是否顯示動(dòng)畫效果。 false
selectedIndex number, array 已初始化的選中面板索引。 0

事件列表

名稱 參數(shù) 作用描述
onPanelSelect panel 選中面板時(shí)觸發(fā)。
onPanelUnselect panel 未選中面板時(shí)觸發(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 )選項(xiàng)繼承自面板( 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
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)