jquery table sorting and paging
- Music Maker
-
Ik heb op deze website: http://beckelman.net/demos/jqueryTableSorterConPaging/ een voorbeeld gevonden om een tabel te pagineren/sorteren. Dit werkt op zich prima. Ik probeer nu echter de tabel te vullen vanuit een xml feed....en dan gaat het fout. Zolang ik in de tbody html zet (die vanuit de xml wordt geproduceerd) werkt het maar zodra ik met een jqeury gebruik om de html samen te stellen gaat het fout. Ik krijg dan de foutmelding:
Fout: parsers is undefined
Bronbestand: http://beckelman.net/demos/jqueryTableSorterConPaging/_assets/js/jquery.tablesorter-2.0.3.js
Regel: 486
Wat kan ik doen om eea werkend te krijgen?
Alvast bedankt.
Dit is wat ik aan code heb:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 | <?php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>
Table Sorting, Paging and Filtering with jQuery Demo
</title>
<link href="style_tablesorter.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="http://beckelman.net/demos/jqueryTableSorterConPaging/_assets/js/jquery.tablesorter-2.0.3.js" type="text/javascript"></script>
<script src="http://beckelman.net/demos/jqueryTableSorterConPaging/_assets/js/jquery.tablesorter.filer.js" type="text/javascript"></script>
<script src="http://beckelman.net/demos/jqueryTableSorterConPaging/_assets/js/jquery.tablesorter.pager.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#xmlTable").tablesorter({ debug: false, sortList: [[0, 0]], widgets: ['zebra'] })
.tablesorterPager({ container: $("#pager"), positionFixed: false })
.tablesorterFilter({ filterContainer: $("#filterBox"),
filterClearContainer: $("#filterClear"),
filterColumns: [0, 1, 2, 3, 4, 5],
filterCaseSensitive: false
});
$("#xmlTable .header").click(function() {
$("#xmlTable tfoot .first").click();
});
});
</script>
</head>
<body>
<table id="xmlTable" class="yui">
<thead>
<tr>
<td class="tableHeader">Aanbod</td>
<td colspan="8" class="filter">
Zoeken: <input id="filterBox" value="" maxlength="30" size="30" type="text" />
<img id="filterClear" src="images/cross.png" title="Click to clear filter." alt="Clear Filter Image" />
</td>
</tr>
<tr>
<th><a href="#" title="klik om de sortering aan te passen">id</a></th>
<th><a href="#" title="klik om de sortering aan te passen">street</a></th>
<th><a href="#" title="klik om de sortering aan te passen">housnumber</a></th>
<th><a href="#" title="klik om de sortering aan te passen">postcalcode</a></th>
<th><a href="#" title="klik om de sortering aan te passen">city</a></th>
</tr>
</thead>
<tbody id="xmlfeed">
<script type="text/javascript">
$.get('rss.php',
{ url:'http://www.housingxl.nl/nl/newXML1.php' },
function(data) {
if (data != "") {
$(data).find('item').each(function() {
document.write ('<tr>');
document.write ('<td>' + $(this).find('uniqueobjectid').text() + '</td>');
document.write ('<td>' + $(this).find('street').text() + '</td>');
document.write ('<td>' + $(this).find('houseNumber').text() + '</td>');
document.write ('<td>' + $(this).find('postalCode').text() + '</td>');
document.write ('<td>' + $(this).find('City').text() + '</td>');
document.write ('</tr>');
}); // end each loop
}
else {
document.write ('<tr><td colspan="5">Er zijn geen objecten gevonden!</td></tr>');
}
} // end function
); // end get
</script>
<!--tr><td>1628</td><td>Baarschotsestraat</td><td>29</td><td>4849 BJ</td><td>Dorst</td></tr>
<tr><td>1594</td><td>Antoon Coolenlaan</td><td>39</td><td>5044 MK</td><td>Tilburg</td></tr>
<tr><td>1630</td><td>Spoorlaan </td><td>211</td><td>5038 CB</td><td>Tilburg</td></tr>
<tr><td>1633</td><td>Spoorlaan</td><td>291</td><td>5038 CB</td><td>Tilburg</td></tr>
<tr><td>1638</td><td>Sint Josephstraat </td><td>100</td><td>5017 GK</td><td>Tilburg</td></tr>
<tr><td>1652</td><td>Sweelinckstraat</td><td>97</td><td>5151 PC</td><td>Drunen</td></tr>
<tr><td>1665</td><td>Baanderherenweg</td><td>5</td><td>5282 RC </td><td>Boxtel</td></tr>
<tr><td>1666</td><td>Witbrandlaan West</td><td>29</td><td>5036 AA</td><td>Tilburg</td></tr>
<tr><td>1670</td><td>Pelgrimsweg</td><td>16</td><td>5018 EN</td><td>Tilburg</td></tr>
<tr><td>1688</td><td>Nieuwstraat </td><td>4</td><td>5396 PL </td><td>Lithoijen (Oss)</td></tr>
<tr><td>1693</td><td>Oude markt</td><td>6</td><td>5038 TY</td><td>Tilburg</td></tr>
<tr><td>1694</td><td>Oude markt</td><td>6</td><td>5038 TY</td><td>Tilburg</td></tr>
<tr><td>1696</td><td>Voorterweg</td><td>148</td><td>5611TS</td><td>Eindhoven</td></tr-->
</tbody>
<tfoot>
<tr id="pager">
<td colspan="5">
<img src="images/first.png" id="pager_first" class="first" />
<img src="images/prev.png" id="pager_prev" class="prev" />
<input type="text" class="pagedisplay" id="pagedisplay" />
<img src="images/next.png" id="pager_next" class="next" />
<img src="images/last.png" id="pager_last" class="last" />
<select class="pagesize" id="pagesize">
<option selected="selected" value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
</select>
</td>
</tr>
</tfoot>
</table>
</body>
</html>
?> |
