ASP.NET begegnet häufig Paginationseffekte, insbesondere in der Hoffnung, statische HTML -Paging -Sortierung zu erreichen (ich glaube, jeder hat seine eigenen Lösungen für HTML -Paging. Ich werde hier nicht viel darüber sagen). Ich habe eine einfache Demo -Sortierung geschrieben.
Die Daten sind zwei Sätze von Buchstaben und Zahlen. (Chinesische Zeichen müssen den ASC -Code finden.) Das Prinzip besteht darin, die vom Array bereitgestellte Sortierung zu verwenden, um die Tabelle neu zu organisieren. Es wurde in .NET MVC getestet. Es unterstützt Pagination. (Berücksichtigung eines Punktes. Nur die aktuellen Seitendaten ohne Aktualisierung sortieren. Wenn Sie alle Seiten sortieren, müssen Sie auf jeden Fall aktualisieren. Ich löste diesen Punkt immer noch.) Ich hoffe, Experten mit neuen Ideen geben Ihnen einige Ratschläge.
Das Folgende ist der HTML -Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>js operation refresh</TITLE><META http-equiv=Content-Type content="text/html; charset = utf-8 ";> <script Language =" JavaScript "" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Array (); var i = 1; var b = false; // Erhalten Sie das Original <tr> und löschen Sie die <tabelle> $ ("#tableneed tr"). Jede (Funktion () {listtr.push ($ (this) .html ());}); // Erhalten Sie das Element der zu angeordneten Spalte und addieren Sie am Ende des Zeitpunkts am Ende (am Ende des Zeitpunkts am Ende (am Ende) am Ende (am Ende des Zeitpunkts am Ende (am Ende) am Ende (am Ende am Ende (am Ende) am Ende (am Ende am Ende (am Ende) (am Ende am Ende, werden Sie am Ende am Ende (am Ende am Ende des ordnungsbereit 1) $ (className) .each (function () {listName.push ($ (this) .Text ()+i); listNameold.push ($ (this) .Text ()+i); i ++;}); // sortieren die Elemente, die mySort sortiert werden sollen (LISTNAME); //, ob sich die Elemente nach dem Sortieren von (var ändert j = 0; j <listName.length; j ++) {if (listName [j] .substring (listName [j] .Length-listNameold [j] .Length)! j = 0; j <listName.length; j ++) {listSort.push (parseInt (listName [j] .Substring (ListName [j] .Length-1)));} $ ("#TabLeneed"). Html (''); // add <tr> in der Reihenfolge. Wenn sich die Reihenfolge der Elemente nach dem Sortieren nicht ändert, fügen Sie $ ("#tableneed") hinzu. Append ("<tr class = 'header'>"+listtr [0]+"</tr>"); if (b) {for (var j = 0; j <listSort.length; j ++) {$ ("#tableneed"). append ("<tr>"+listtr [listSort [j]]+"</tr>");}} else {for (var j = listSort.length-1; j> = 0; j-) {$ ("#tableneed"). append ("<tr>"+listtr [listSort [j]]+"</tr>");}}} // zuerst nach Anzahl der Zeichen und dann durch die korrespondierende Zeichengröße MySort (List) {var len = 0; i=0;i<list.length;i++){var str=list[i];if(str.length>len){len=str.length;}}for(var i=0;i<len;i++){add+="0"}for(var i=0;i<list.length;i++){var Strone = add+list [i]; list [i] = Strone.substring (Strone.length-len);} list.sort ();} // ---------------------------- </script> <body> <table id = "tableneed" Border = 1> <tr> <td onclick = "sortt ('. onclick = "sortt ('. 2')"> letters </td> <td onclick = "sortt ('. 3')"> Zahlen und Buchstaben </td> </tr> <td> 11 </td> <td> ee </td> <td> 1a </td> </tr> <tr> <td> 22 </td> <td> gg </td> <td> 7 g </td> </tr> <tr> <td> 33 </td> <td> cc </td> <td> d4 </td> </tr> <td> 44 </td> <td> aa </td> <td> 3c </td> <td> aa </td> <td> td> </tr> <td> 55 </td> <td> dd </td> <td> e5 </td> </tr> <tr> <td> 66 </td> <td> ff </td> <td> f6 </td> </tr> <tr> <td> 7 7 </td> <td> hh </td> <td> 2b </td> </tr> <tr> <td> 88 </td> <td> bb </td> <td> H8 </td> </tr> </table> </body> </html>Das obige ist die vom Editor eingeführte JS -Implementierung der Tabellendatensortierfunktion (kann dynamische Daten + Paging -Effekte unterstützen). Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!