ReportStudio入门教程(五十七) - JS拼接报表

这回，分享一个段JS代码，有的时候，我们可能需要将2个报表进行拼接，让用户看上去就是一张报表。

1. 基本报表

先运行下，看看样子

现在，我们使用JS将上下2张报表拼接起来

2. 新建HTML项目

我们使用HTMl项目包裹住每一张列表

3. 编辑HTML项目

4. 再新建一个HTML项目

贴入JS代码

JS代码：

<script language="JavaScript">
 
function appendBody(obj , table_name) {
	//获取表格的所有TR
	var table_trs = document.getElementById(table_name).firstChild.firstChild.childNodes;

	//根据获取TR的个数循环将每次循环的第一个TR添加到 List1的TBody标签下
	var table_trs_length = table_trs.length
	for(var i=0;i<table_trs_length;i++){
		obj.appendChild(table_trs[0]);
	}
}

//合并列表的row
function mergeList()
{
	//获取第一个列表的TBody标签
	var tbody1 = document.getElementById('list1').firstChild.firstChild;

	appendBody(tbody1 , 'list2');
	   
}

//页面加载时执行合并列表操作
setTimeout("mergeList()", 10);
</script>

5.运行下看看

好了，已经成功了，这里主要是一个利用JS实现的。