Angular EasyUI 分類

2020-06-24 17:29 更新

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

屬性列表

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

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

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

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

在文檔使用的過程中是否遇到以下問題：

更多建議：

寫筆記

我要補充