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 @   BNTang  阅读(186)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
点击右上角即可分享
微信分享提示