Accordion组件

Accordion组件概述

  • 分类空间允许用户使用多面板,但在同一时间只会显示一个。每个面板都建内支持展开和折叠功能

使用Accordion组件

<div id="aa" class="easyui-accordion" style="width:300px;height:200px;">
    <div title="Title1">
        content1
    </div>
    <div title="Title2" data-options="iconCls:'icon-reload',selected:true">
        content2
    </div>
    <div title="Title3">
        content3
    </div>
</div>

方法

获取当前面板

<div id="aa" class="easyui-accordion" style="width:300px;height:200px;">
    <div title="Title1">
        content1
    </div>
    <div title="Title2" data-options="iconCls:'icon-reload',selected:true">
        content2
    </div>
    <div title="Title3">
        content3
    </div>
</div>
<script>
    $(function () {
        let pp = $('#aa').accordion('getSelected');
        console.log(pp);
    });
</script>
posted @ 2020-09-10 14:09  BNTang  阅读(178)  评论(0编辑  收藏  举报