使用Prototype Table Sorter對HTML表中的XML數據進行排序類

任何人都可以請示例將XML數據放入HTML表中使用Prototype Table Sorter Class？使用Prototype Table Sorter對HTML表中的XML數據進行排序類

2010-12-07 Seeker

好吧，我終於想出瞭解決的希望，也將幫助誰需要它在將來使用所以只是改變了XML的名字在人們：

xmlhttp.open("GET","[XML File and is path]",false);

，然後使用環data3正如你在我的情況下，希望它是：

var b= x[i].getElementsByTagName("bandwidth")[0].childNodes[0].nodeValue; 
if (b==0) b="unlimited"; 

var type = x[i].getElementsByTagName("type")[0].childNodes[0].nodeValue+"-"+x[i].getElementsByTagName("wireless_type")[0].childNodes[0].nodeValue; 

data3[i]= 
{"Monthly_Charges": x[i].getElementsByTagName("charges")[0].childNodes[0].nodeValue, "Provider": x[i].getElementsByTagName("network")[0].childNodes[0].nodeValue, "Speed_(kbps)": x[i].getElementsByTagName("speed")[0].childNodes[0].nodeValue, "Bandwidth_(GB)": b, "Type": type, "Installation_charges": x[i].getElementsByTagName("install_charges")[0].childNodes[0].nodeValue}

，因爲我是採集數據的一些網絡包，然後把它在陣列/ JSON符號將其發送到原型表分類器類，所以你只需要編輯這個爲自己的用途和數據...！

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
    <title>Prototype Table Sorter Class : XML</title> 
    <meta name="keywords" content="javascript, prototype, prototype.js, table sorter, table sorter prototype" /> 
    <meta name="description" content="Demo of TableOrderer a table sorter class for prototype.js" /> 

    <script type="text/javascript" language="JavaScript" src="js/prototype.js"></script> 

    <script type="text/javascript" language="JavaScript" src="js/table_orderer.js"></script> 

    <link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" /> 
    <link rel="stylesheet" href="css/tableorderer.css" type="text/css" media="screen" /> 
<script type="text/javascript" language="JavaScript"> 
// var sess=document.getElementById("sess").value; 
if(window.ActiveXObject) 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
else if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
xmlhttp.open("GET","xml/[email protected]_internet.xml",false); 
xmlhttp.send(); 
xmlDoc=xmlhttp.responseXML; 

var x=xmlDoc.getElementsByTagName("Results"); 
var charg= x[0].getElementsByTagName("charges")[0].childNodes[0].nodeValue; 

//alert(8); 



var data3 = new Array(x.lengths); 
for(i=0; i<x.length;i++) 
{ 
var b= x[i].getElementsByTagName("bandwidth")[0].childNodes[0].nodeValue; 
if (b==0) b="unlimited"; 

var type = x[i].getElementsByTagName("type")[0].childNodes[0].nodeValue+"-"+x[i].getElementsByTagName("wireless_type")[0].childNodes[0].nodeValue; 

data3[i]= 
{"Monthly_Charges": x[i].getElementsByTagName("charges")[0].childNodes[0].nodeValue, "Provider": x[i].getElementsByTagName("network")[0].childNodes[0].nodeValue, "Speed_(kbps)": x[i].getElementsByTagName("speed")[0].childNodes[0].nodeValue, "Bandwidth_(GB)": b, "Type": type, "Installation_charges": x[i].getElementsByTagName("install_charges")[0].childNodes[0].nodeValue} 
} 
</script> 
</head> 
<body> 
<div id="container3"></div> 

<script> 
new TableOrderer('container3',{data : data3,allowMultiselect : false,search: true,paginate : true,pageCount : 15}); 
</script> 


</body> 
</html>

爲原型的表格排序類，你可以登錄到：http://prototools.negko.com/demo/tableorderer/

來源

2010-12-09 12:23:24 Seeker

使用Prototype Table Sorter對HTML表中的XML數據進行排序類

回答

相關問題