W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
分類( 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>
名稱 | 數(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 。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: