JS实现一键展开、折叠所有树节点

news/2024/12/22 20:04:16/

在数据分析报表中,通常会有结构树展开的分析报表。在结构树节点较多的时候,逐个进行展开、折叠等操作时,会比较繁琐、费时间、费手劲;此处示例通过点击按钮的方式,使用js实现一键展开、折叠所有的树节点(不限制层数

1、设置JS事件

在需要事件展开/折叠的单元格/按钮上,添加“超级链接”,分别键入JavaScript事件控制:

展开事件:

// 一般都是匹配到的量几十个几百个,可以正常运行,比如省市区
$('.x-treenode-unexpand').trigger('click');

值得注意的是,如果匹配到的元素太多的话,会比较吃电脑性能,比如几千个(让我遇上了),这时候建议尝试官方文档:

JS实现自定义折叠树节点展开层数- FineReport帮助文档|报表开发|报表使用|学习教程


折叠事件:

$(".x-treenode-expand").attr("class","x-text fr-widget-click x-treenode-unexpand");
$('.fr-widget-click').eq(0).trigger('click');
$(".tntr").css('display','none');


2、效果图

  

如上,就可以实现分析报表中,通过点击按钮的方式,实现一键展开、折叠所有的树节点


http://www.ppmy.cn/news/664708.html

相关文章

html内容折叠,HTML+CSS入门 文本折叠详解

本篇教程介绍了HTMLCSS入门 文本折叠详解&#xff0c;希望阅读本篇文章以后大家有所收获&#xff0c;帮助大家HTMLCSS入门。 < 先看效果&#xff1a; 收缩状态 展开状态 源代码&#xff1a; html>文本折叠测试 .a-text { font-size: 20px;color: #b30000;cursor: pointer…

Bootstrap3 折叠插件的使用方法

折叠 折叠插件&#xff08;collapse.js&#xff09;可以很容易地让页面区域折叠起来。当列表菜单的条目特别多&#xff0c;而页面空间有限时&#xff0c;使用类似于手风琴的折叠菜单可以节约页面空间&#xff0c;方便用户浏览。 使用方法 Bootstrap中&#xff0c;折叠组件的…

python折叠代码_Python实现代码块儿折叠

Python实现代码块儿折叠 在python中方法和类都是可以折叠的,但是很多时候需要按照实现的功能将一部分代码折叠起来。 可以用着样的注释代码实现: # your code # 很简单的两句话,但是我第一次用的时候就出了问题,因为我是已经完成代码了,就分别把这两句话写在了前后两端,…

Idea:代码块折叠

Idea为我们提供了方法、注释等的折叠 展开后&#xff0c;是“-”号&#xff1b;折叠后&#xff0c;变成了“”号 那么&#xff0c;折叠代码块&#xff0c;该怎么办&#xff1f;如下&#xff0c;想要折叠while循环 idea为我们&#xff0c;提供了如下方式 鼠标左键选中需要折叠的…

jupyter单元格代码折叠

在使用jupyter的时候如果一个单元格当中的代码比较多&#xff0c; 而且我们写完后不想让显示&#xff0c; 像在pycharm中折叠代码。 首先在插件中选中“codefolding”选项&#xff0c; 然后刷新 这时在代码页面刷新网页&#xff0c; 就会看到分支和函数的结构前面有了小三角&a…

Android解决CoordinatorLayout折叠布局RecyclerView最后一条数据显示不全问题

今天使用CoordinatorLayoutAppBarLayoutCollapsingToolbarLayoutRecyclerView实现折叠布局出现RecyclerView最后一条数据显示不全问题&#xff0c;问题如下图&#xff1a; 找了很多方法最后发现是app:layout_behavior"string/appbar_scrolling_view_behavior"的问题…

Vim折叠操作(折叠代码、折叠函数、方法、类等)

折叠 手动折叠(默认折叠方式) 折叠操作符z。 普通模式下的折叠操作 折叠也是一个操作符&#xff0c;所以它也遵循语法规则&#xff0c;即动词 名词。 启动折叠操作符zf,后面可以接动作(motion)或文本对象(text-object)确定折叠的范围。zf里的f盲猜为fold。 举例zfi{ …

2019年8月,微信朋友圈发长文字防止被折叠成一行的方法

我们发朋友圈时&#xff0c;特别是文字字数比较长的&#xff0c;一般都会在备忘录或者对话框写好&#xff0c;然后复制&#xff0c;再发朋友圈&#xff0c;因为发朋友圈的输入框只能看到四行&#xff0c;很不方便&#xff0c;而且写着写着&#xff0c;想去微信聊天记录看看内容…