Мне очень нужна помощь по использованию плагина jQuery и tablesorter с сайта http://tablesorter.com/ .
То, что я хочу сделать, – это когда я нажимаю кнопку в своем html, появляется новое окно и использует ajax, я отображаю данные в окне из базы данных, используя PHP.
До сих пор я использовал необработанные коды javascript, поэтому теперь я остановился, так как мне приходится сортировать столбец в соответствии с алфавитным восходящим и нисходящим порядком. Поэтому мои вопросы:
С чего начать? Я загрузил требуемые файлы (jqeury.tablesorter.js и jquery-2.1.4.min.js), и я включил его в html-файл, который я использовал для своего всплывающего окна. (Я делаю коды javascript во внешнем файле с именем function.js)
<script type="text/javascript" src="jquery-2.1.4.min.js"></script> <script type="text/javascript" src="jquery.tablesorter.js"></script>
Если я просто хочу отсортировать один столбец, который состоит из имен, в соответствии с возрастающим алфавитным порядком или наоборот, КОГДА Я НАЖМИТЕ ГОЛОВУ, есть ли более простой способ сделать это? (Этот вопрос предполагает, если я не использую плагин tablesort)
Примечание. Пожалуйста, обращайтесь со мной как с супер новичком, поскольку я знаю только основы jQuery.
В моем файле PHP:
. . Some Codes . . if($num_row) { $count = 0; echo "<table id='table2' class='table2' border=1>"; //Table headers echo "<tr><th>ID</th>"; echo "<th>Name</th>"; echo "<th>Badge Number</th>"; echo "<th>Category</th>"; echo "<th>Action</th>"; while($row = mysql_fetch_array($result)) { $id = $row['id']; $name = $row['name']; $badge_number = $row['badge_number']; $category = $row['category']; $privilege = $row['privilege']; $count++; echo "<tr>"; echo "<td id=\"row$count\">$id</td>"; echo "<td>$name</td>"; echo "<td>$badge_number</td>"; echo "<td>$category</td>"; echo "<td><input type=\"button\" name=\"delete\" value=\"Delete\" onclick=\"deleteThis($count, $privilege)\"/></td>"; echo "</tr>"; } echo "</table>"; . . Other codes . .
Файл html, который я использую для всплывающего окна aka viewTable.html:
<html> <head> <link rel="stylesheet" type="text/css" href="style.css"/> <script language="javascript" src="function.js" type="text/javascript"></script> <script type="text/javascript" src="jquery-2.1.4.min.js"></script> <script type="text/javascript" src="jquery.tablesorter.js"></script> </head> <body> <script>displayTable();</script> <div id="divTable"></div> <body> </html>
Это одна из функций javascript в моем внешнем javascript-файле, function.js, используя ajax, чтобы показать в настоящее время, как я показываю таблицу и мои текущие знания:
function displayTable() { window.onload = function() { var page = "database.php" var parameters = 'action=update'; var xmlhttp = new XMLHttpRequest(); if(xmlhttp==null) { alert("Your browser does not support AJAX!"); return false; } xmlhttp.onreadystatechange=function() { document.getElementById("divTable").innerHTML=xmlhttp.responseText; sorrtable.makeSortable(sortThis); }; xmlhttp.open("GET", page+"?"+parameters, true); xmlhttp.send(null); } }//displayTable()