动态修改EasyUI accordion选中面板的标题(title)

最新推荐文章于 2021-11-10 10:36:21 发布

qubernet

最新推荐文章于 2021-11-10 10:36:21 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： EasyUI js 前端文章标签： easyui accordion

本文链接：https://blog.youkuaiyun.com/qubernet/article/details/82915060

前端同时被 3 个专栏收录

103 篇文章

订阅专栏

83 篇文章

订阅专栏

EasyUI

5 篇文章

订阅专栏

本文介绍如何使用EasyUI的accordion组件动态修改面板标题。通过两种方式获取面板对象并调用setTitle方法，实现标题的动态更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先，我们应该知道，EasyUI的accordion是继承panel组件的所有属性方法的，那好，这时候我们就可以使用panel为我们提供的方法setTitle来动态修改accordion的标题了。

具体实现代码如下所示：

方式一：

//获取accordion选中的面板对象，即需要动态修改标题的面板
var accSelected = $('#accPanel').accordion('getSelected');
//调用panel提供的setTitle方法来修改标题内容
accSelected.panel('setTitle', '系统管理');

方式二：

//获取accordion选中的面板对象，即需要动态修改标题的面板 
//getPanel为根据指定面板索引获取面板对象
var accSelected = $('#accPanel').accordion('getPanel', 0); 

//调用panel提供的setTitle方法来修改标题内容 
accSelected.panel('setTitle', '系统管理');