ASP.NET a menudo encuentra efectos de paginación, especialmente con la esperanza de lograr una clasificación estática de paginación HTML (creo que todos tienen sus propias soluciones para la paginación HTML. No diré mucho al respecto aquí). Escribí una simple clasificación de demostración.
Los datos son dos conjuntos de letras y números. (Los caracteres chinos deben encontrar el código ASC) El principio es utilizar la clasificación de clasificación proporcionada por la matriz para reorganizar la tabla. Se ha probado en .NET MVC. Admite la paginación. (Contabilizar un punto. Solo clasificando los datos de la página actuales sin actualizar. Si clasifica todas las páginas, definitivamente necesitará refrescarme. Todavía estoy resolviendo este punto). Espero que los expertos con nuevas ideas le den algunos consejos.
El siguiente es el código HTML:
<! DocType html public "-// w3c // dtd html 4.0 charset = utf-8 ";> <script language =" javaScript " src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"> </script> </head> <script> // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ O- --------------------------------------------------------------------------------------------------- Array (); var i = 1; var b = false; // Obtenga el original <tr> y borre el <topla> $ ("#tableineed tr"). Cada (function () {listtr.push ($ (this) .html ());}); // Obtener el elemento de la columna que se organizar 1) $ (classname) .each (function () {listName.push ($ (this) .Text ()+i); listNameOld.push ($ (this) .Text ()+i); i ++;}); // Ordenar los elementos que se ordenarán mySort (listName); // juzga si la posición del elemento cambia después de clasificar (var (var (var (var (var (VAR j = 0; j <listName.length; j ++) {if (listName [j] .substring (listName [j] .length-listnameold [j] .length)! = listNameOld [j]) {b = true; break;}} //, después de clasificar, obtenga el orden de <tr> en este momento basado en el orden de apagado anterior para (VAR ((VAR (VAR (VAR (VAR (VAR (VAR (VAR (VAR (VAR (VAR (VAR ((VAR ((VAR ((VAR ((VAR ((VAR ((VAR ((VAR ((VAR (PAR j = 0; j <listName.length; j ++) {listsort.push (parseInt (listName [j] .substring (listName [j] .length-1)));} $ ("#tableeneed"). html (''); // agregar <tr> en orden. Si el orden de los elementos no cambia después de la clasificación, agregue $ ("#tableeneed"). Append ("<tr class = 'header'>"+listtr [0]+"</tr>"); if (b) {for (var (var (var (var (var (var (var (Var j = 0; j <listsort.length; j ++) {$ ("#tableeneed"). append ("<tr>"+listtr [listsort [j]]+"</tr>");}} else {for (var (var (var (var) j = listsort.length-1; j> = 0; j-) {$ ("#tableeneed"). append ("<tr>"+listtr [listSort [j]]+"</tr>");}}} // Primer número de caracteres y luego clasificar mediante la función de tamaño de caracteres correspondiente mysort (list) {var inclinar = 0; var add = "; para (para (para (para (para (para (para (para (para (para (para ( 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"} para (var i = 0; i <list.length; i ++) {var i = 0; strone = add+list [i]; list [i] = strone.substring (strone.length-len);} list.sort ();} // -------------------------------- </script> <body> <table ID = "Tableneed" border = 1> <tr> <td onglick = "sort ('. 1')"> Número </td> <td <td <td " onClick = "sortt ('. 2')"> letras </td> <td onClick = "sortt ('. 3')"> Números y letras </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> <tr> <td> 44 </td> <td> aa </td> <td> 3c </ail 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>>Lo anterior es la implementación JS de la función de clasificación de datos de tabla (puede admitir datos dinámicos de datos + paginación) introducida por el editor. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!