选择器
eui-accordion
继承
无
用法
<eui-accordion style="height:250px">
<eui-accordion-panel [title]="'Title1'">
<p>Content1</p>
</eui-accordion-panel>
<eui-accordion-panel [title]="'Title2'">
<p>Content2</p>
</eui-accordion-panel>
<eui-accordion-panel [title]="'Title3'">
<p>Content3</p>
</eui-accordion-panel>
</eui-accordion>
输入
名称 |
类型 |
描述 |
默认 |
border |
boolean |
定义是否显示边框。 |
true |
multiple |
boolean |
为True时展开多个面板。 |
false |
selectedIndex |
number |
已初始化选中面板索引。 |
0 |
事件
名称 |
参数 |
描述 |
panelSelect |
panel:AccordionPanelComponent |
选择面板时触发。 |
panelUnselect |
panel:AccordionPanelComponent |
未选中面板时触发。 |
方法
名称 |
参数 |
返回值 |
描述 |
select |
index:number |
void |
选择指定的面板。 |
unselect |
index:number |
void |
取消选择指定的面板。 |
getPanel |
index:number |
AccordionPanelComponent |
获取指定的面板。 |
getPanelIndex |
panel:AccordionPanelComponent |
number |
获取指定面板的索引。 |
getSelectedIndex |
无 |
number |
获取第一个选中面板的索引。 |
getSelectedPanel |
无 |
AccordionPanelComponent |
获取第一个选中的面板。 |
getSelectedPanels |
无 |
AccordionPanelComponent[] |
获取所有选中的面板。 |