Сортировка данных XML в таблице HTML с использованием класса сортировщика таблицы прототипов - PullRequest
Новая
       7

Сортировка данных XML в таблице HTML с использованием класса сортировщика таблицы прототипов

0 голосов
/ 07 декабря 2010

Может ли кто-нибудь показать мне пример для помещения данных XML в таблицу HTML с использованием класса сортировщика таблицы прототипов ??

1 Ответ

0 голосов
/ 09 декабря 2010

Хорошо. Наконец-то я придумала решение, которое поможет и людям, которым оно понадобится в будущем. так что просто измените имя 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}

Потому что я брал данные о некоторых интернет-пакетах и ​​затем помещал их в нотацию Array / 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/zczc@hotmail.com_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/

...