ASP.NET rencontre souvent des effets de pagination, en particulier en espérant obtenir un tri statique de pagination HTML (je crois que tout le monde a ses propres solutions pour la pagination HTML. Je n'en dirai pas grand-chose ici). J'ai écrit un simple tri de démonstration.
Les données sont deux ensembles de lettres et de chiffres. (Les caractères chinois doivent trouver le code ASC) Le principe est d'utiliser le tri de tri fourni par le tableau pour réorganiser le tableau. Il a été testé dans .NET MVC. Il soutient la pagination. (En tenant compte d'un point. Trier uniquement les données de page actuelles sans actualiser. Si vous triez toutes les pages, vous devrez certainement actualiser. Je résolve toujours ce point.) J'espère que les experts avec de nouvelles idées vous donneront des conseils.
Ce qui suit est le code HTML:
<! Doctype html public "- // w3c // dtd html 4.0 transitional // en"> <html xmlns = "http://www.w3.org/1999/xhtml"> <éread> <titre> js operation refresh </ title> <aa http-equaliv = contenu-type contenu = "html; charset = utf-8 ";> <script linguisse =" javascript " src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script></HEAD><SCRIPT>//------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------. Array (); var i = 1; var b = false; // obtenir le <tr> d'origine et effacer le <s table> $ ("# tableneed tr"). Chaque (fonction () {listtr.push ($ (this) .html ());}); // obtenez l'élément de la colonne à disposition, et ajoutez l'ordre du moment à la fin (à partir de la fin à partir de la fin (à partir de 1) $ (classname) .each (function () {listName.push ($ (this) .text () + i); listNameold.push ($ (this) .text () + i); i ++;}); // trier les éléments à tri mysort (listname); // jugez si la position de l'élément change après le tri pour (var j = 0; j <listName.length; j ++) {if (listName [j] .SubString (listName [j] .length-listNameold [j] .length)! = listNameold [j]) {b = true; bris;}} // Après le tri, obtenir l'ordre de <Tr> à ce moment-là basé sur l'ordre en apprenti j = 0; j <listName.length; j ++) {listSort.push (parseInt (listName [j] .substring (listName [j] .length-1)));} $ ("# tableneed"). html (''); // ajouter <tr> dans l'ordre. Si l'ordre des éléments ne change pas après le tri, ajoutez $ ("# tableneed"). 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>");}}} // premier tri par nombre de caractères, puis tri par la fonction de la taille des caractères correspondante MySort (list) {var len = 0; var add = ""; for (var) 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"} pour (var i = 0; i <list.length; i ++) {var 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 ('. 1')"> nombre </td> <td onclick = "sortt ('. 2')"> lettres </td> <td onclick = "sortt ('. 3')"> nombres et Letters </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> <tr> <td> 44 </td> <td> aa </td> <td> 3c </ / / 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>Ce qui précède est l'implémentation JS de la fonction de tri de données de table de table (peut prendre en charge les données dynamiques + les effets de pagination) introduits par l'éditeur. J'espère que ce sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur répondra à tout le monde à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!