Angular EasyUI 分類

2020-06-24 17:29 更新

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

屬性列表

名稱	數(shù)據(jù)類型	作用描述	默認(rèn)值
border	boolean	是否顯示邊框。	true
title	string	在面板標(biāo)題中顯示的標(biāo)題文本。	null
iconCls	string	用于在面板標(biāo)題上顯示16x16圖標(biāo)的CSS類。	null
closed	boolean	面板是否關(guān)閉。	false
collapsed	boolean	面板是否已經(jīng)折疊。	false
collapsible	boolean	是否在標(biāo)題上顯示可折疊按鈕。	false
showHeader	boolean	是否顯示標(biāo)題。	true
showFooter	boolean	是否顯示頁腳。	true
expandIconCls	string	展開圖標(biāo)的樣式類。	panel-tool-expand
collapseIconCls	string	折疊圖標(biāo)的樣式類。	panel-tool-collapse
panelCls	string	面板樣式類。	null
panelStyle	Object	面板內(nèi)聯(lián)樣式。	null
headerCls	string	面板標(biāo)題樣式類。	null
headerStyle	Object	面板標(biāo)題內(nèi)聯(lián)樣式。	null
bodyCls	string	面板主題樣式類。	null
bodyStyle	Object	面板體內(nèi)聯(lián)樣式。	null
footerCls	string	面板頁腳樣式類。	null
footerStyle	Object	面板頁腳內(nèi)聯(lián)樣式。	null

注：
- 繼承： None 。
- 選擇器： eui-panel 。

<eui-panel [title]="'Panel Title'" [collapsible]="true" [bodyStyle]="{padding:'20px'}" style="height:200px">
    <p>面板內(nèi)容。</p>
</eui-panel>

名稱	數(shù)據(jù)類型	作用描述	默認(rèn)值
selected	boolean	是否選擇面板。	false
title	string	面板標(biāo)題。
expandIconCls	string	展開圖標(biāo)類。	accordion-expand
collapseIconCls	string	折疊圖標(biāo)類。	accordion-collapse

名稱	參數(shù)	返回值	作用描述
select	none	void	選擇面板。
unselect	none	void	取消選擇面板。

注：
- 選擇器： eui-accordion-panel 。

以上內(nèi)容是否對您有幫助：

寫筆記

我要補充