EasyUI Accordion折叠面板

最新推荐文章于 2023-05-16 16:46:59 发布

꧁༺心如止水༻꧂

最新推荐文章于 2023-05-16 16:46:59 发布

阅读量823

点赞数

分类专栏：笔记文章标签： java

本文链接：https://blog.csdn.net/qq_47906421/article/details/107066802

版权

EasyUI 的 Accordion 控件提供了多个可折叠的面板，用户可以通过点击头部展开或关闭面板内容。内容可以使用 AJAX 动态加载，且支持刷新、添加新面板以及获取面板索引等功能。默认情况下，新添加的面板会被选中，但可以设置 'selected' 属性为 false 来避免。此外，Accordion 中的面板选项和事件处理也提供了丰富的定制能力。

摘要由CSDN通过智能技术生成

EasyUI Accordion折叠面板

Accordion介绍

折叠面板（accordion）允许您提供多个面板（panel），同时显示一个或多个面板（panel）。每个面板（panel）都有展开和折叠的内建支持。点击面板（panel）头部可展开或折叠面板（panel）主体。面板（panel）内容可通过 ajax 指定 ‘href’ 属性来加载。用户可定义被选中的面板（panel）。如果为指定，则默认选中第一个面板（panel）。

效果图

在这里插入图片描述

依赖于panel

用法

通过标记创建折叠面板（Accordion），添加 'easyui-accordion' class 到 <div> 标记。

<div id="aa" class="easyui-accordion" style="width:300px;height:200px;">
    <div title="Title1" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;">
		<h3 style="color:#0099FF;"