Angular EasyUI 分類

2020-06-24 17:29 更新

分類( Accordion )允許您提供多個(gè)面板( Panel ),并同時(shí)顯示若干個(gè)面板( Panel )。提供的每個(gè)面板( Panel )都有展開(kāi)和折疊的內(nèi)建支持。 用戶可自定義被選中的面板( Panel )。若未指定,則默認(rèn)選中第一個(gè)面板( 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 是否顯示頁(yè)腳。 true
expandIconCls string 展開(kāi)圖標(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 面板頁(yè)腳樣式類。 null
footerStyle Object 面板頁(yè)腳內(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>

分類面板( AccordionPanelComponent )

  • 分類面板( AccordionPanelComponent )選項(xiàng)繼承自面板( PanelComponent )。
名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
selected boolean 是否選擇面板。 false
title string 面板標(biāo)題。
expandIconCls string 展開(kāi)圖標(biāo)類。 accordion-expand
collapseIconCls string 折疊圖標(biāo)類。 accordion-collapse

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

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

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)