xml+js实现表格自动换行及分页。

作者：情之瞬 | 来源：互联网 | 2023-10-12 20:25

实现效果如下：数据如下（XML形式）1234567891011121314第一页1234（表格）5678分页第二页910

实现效果如下：

数据如下（XML形式）
1 2 3 4 5 6 7 8 9 10 11 12 13 14

第一页
1 2 3 4（表格）
5 6 7 8
分页
第二页
9 10 11 12
13 14

加上一页下一页的翻转方法。

本人新接触XML，能看懂数据岛的分页方法，但是不会用数据岛分页实现表格的自动换行。

如果需要用到XSL，请解释一下，还是因为本人才接触这些，深的可能看不懂了。

分数不多。请大家帮忙。

5 个解决方案

#1

PS：最好用HTML JS来实现。如出现可用答案，23号前必定结贴。如到时无可用答案，则散分。谢谢大家了。

#2

你的XML格式是什么样的啊
是

1
2
……

还是
1 2 3 4……

#3

1
    user 1
    name 1


2
    user 2
    name 2


3
    user 3
    name 3


4
    user 4
    name 4


5
    user 5
    name 5


6
    user 6
    name 7


7
    user 7
    name 7


8
    user 8
    name 8


9
    user 9
    name 9


还有，如果可以的话，可以按照结果来反推XML。反正XML是通过数据库生成的。

#4

用数据岛是很方便可是我不会xsl...









	1

	user 1

	name 1





	2

	user 2

	name 2





	3

	user 3

	name 3





	4

	user 4

	name 4





	5

	user 5

	name 5





	6

	user 6

	name 7





	7

	user 7

	name 7





	8

	user 8

	name 8





	9

	user 9

	name 9





	10

	user 10

	name 10





	11

	user 11

	name 11





	12

	user 12

	name 12





	13

	user 13

	name 13





	14

	user 14

	name 14









var userGroup = document.getElementById("xmldata").childNodes[0].childNodes;

var ntr=2,ntd=4;

var n=0,page=0;



function load()

{

	document.getElementById("showdata").innerHTML = "";

	document.getElementById("showdata").appendChild(getTable());

}

function changepage(i)

{

	if(i>0 && page==parseInt(userGroup.length/(ntr*ntd)))

	{

		alert("已经是末页");

	}

	else if(i<0 && page==0)

	{

		alert("已经是首页");

	}

	else

	{

		page = page+i;

		load();

	}

}

function getTable()

{

	var table,tr,td,str,temp;

	table = document.createElement("TABLE");

	table.width=800;

	table.border=1;



	tr = table.insertRow();

	tr.;

	td =tr.insertCell();

	td.innerHTML = "当前"+(page+1)+"/"+(parseInt(userGroup.length/(ntr*ntd))+1)+"页  "+

	"首页  "+

	"上一页  "+

	"下一页  "+

	"尾页  ";

	td.align="right";

	td.colSpan = ntd;

	for(var i=0;i
	{

		tr = table.insertRow();

		tr.;

		for(var j=0;j
		{

			td = tr.insertCell();

			td.

			temp = n+page*ntr*ntd;

			if(temp
			{

				str = "";

				for(var x=0;x
					str += userGroup[temp].childNodes[x].tagName+"="+userGroup[temp].childNodes[x].text+"
";

			}

			else

				str=" "



			td.innerHTML = str;



			n++;

		}

	}

	n=0;

	return table;

}

《SCRIPT》