历史版本1 :JS实现自定义折叠树节点展开层数 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1、问题描述编辑

      在日常报表制作过程中,组织树形式是非常便捷常用的展示形式。但在使用过程中,因为数据量,以及组织树层级不确定时候。我们希望能够初始化时候根据需求展开一定层级的树节点。在此,分享一个方法给各位。

2、方法示例编辑

1、效果展示

构建一个控件树节点,具体建立方法,此处不做详细说明。可参考 组织树报表示例-http://help.finereport.com/doc-view-359.html

      此处,我构建了一个四层树结构,设计器效果图如下图所示:

效果图如下图所示:

具体步骤:

     当我们所有大区、省、县、子公司都展开的时候,会是一张巨大的表格,无论是查看数据或是做对比效果都非常不好。所以,我们只需要默认展开到省一级别,或者县一级别即可。

步骤1:

    需要在模板web属性-》数据分析设置-》加载结束事件。添加js代码:

$("#content-container").find("tr").has(".x-treenode-unexpand").each(function(){
if($(this).children().eq(0).text()==1){                                      //eq(0)表示最左边的单元格;text()==1,表示内容为1的单元格
$(this).find(".x-treenode-unexpand").trigger('click');}})


步骤2:

在需要展开的组织树节点前,增加 一个数字 1作为定位符(可以任意设置,但需与js中text()处保持一致)。并设置定位符的父格,随着大区进行扩展。如图所示:

至此,我们的设置已经完成,效果为默认模板打开时候,只展开第一层树节点,效果如下:

如果我们,想要展开两级节点,在省一级,前面增加定位符即可。