プロトタイプテーブルソータークラスを使用してHTMLテーブルにXMLデータをソート

は、[OK]を私は、最後にこれだけでは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表記でそれを入れていたのでソータークラスなので、あなた自身の使用とデータのためにこれを編集する必要があります... !! http://prototools.negko.com/demo/tableorderer/

：あなたはにログオンできプロトタイプの表クラス分類のための

<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>

出典

2010-12-09 12:23:24 Seeker

プロトタイプテーブルソータークラスを使用してHTMLテーブルにXMLデータをソート

答えて

関連する問題