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

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

原创最新推荐文章于 2021-11-10 10:36:21 发布 · 2.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#easyui #accordion

前端同时被 3 个专栏收录

103 篇文章

订阅专栏

83 篇文章

订阅专栏

EasyUI

5 篇文章

订阅专栏

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

首先，我们应该知道，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', '系统管理');