ASP.NET은 종종 정적 HTML 페이징 분류를 달성하기를 희망하는 페이지 매김 효과를 겪습니다 (모든 사람들은 HTML 페이징에 대한 고유 한 솔루션을 가지고 있다고 생각합니다. 간단한 데모 정렬을 썼습니다.
데이터는 두 개의 글자와 숫자 세트입니다. (한자는 ASC 코드를 찾아야합니다) 원칙은 배열에서 제공 한 정렬 정렬을 사용하여 테이블을 재구성하는 것입니다. .NET MVC에서 테스트되었습니다. 이 페이지 매김을 지원합니다. (요점을 설명합니다. 새로 고침없이 현재 페이지 데이터를 정렬합니다. 모든 페이지를 정렬하면 확실히 새로 고침해야합니다. 나는 여전히이 점을 해결하고 있습니다.) 새로운 아이디어를 가진 전문가가 조언을 제공하기를 바랍니다.
다음은 HTML 코드입니다.
<! docType html public "-// w3c // dtd html 4.0 transitional // en"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <title> JS Operation Comphent </title> <meta http- contents = " charset = utf-8 ";> <script language ="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; // 원본 <tr>를 가져 와서 <table> $ ( "#tablened tr")를 지우십시오. 1). j = 0; j = 0; 정렬 후 요소의 순서가 변경되지 않으면 $ ( "#tabled"). append ( "<tr class = 'header'>"+listtr [0]+"</tr>"); if (b) {for (var J = 0; j = listSort.length-1; j> = 0; j-) {$ ( "#tablened"). Append ( "<tr>"+listtr [listSort [j]]+"</tr>");}}} // 다음 문자 수에 따라 첫 번째 정렬을 정렬 한 다음 해당 문자 크기 함수 mysort (len = 0; var add =) "; 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('.1')">number</td><td onclick = "sortt ( '. 2')"> 문자 </td> <td onclick = "sortt ( '. 3')"> 숫자 및 문자 </td> </tr> <td> 11 </td> <td> ee </td> <td> 1a </td> </td> <td> 22 </td> <td> gg </td> <td> 7 g </td> </tr> <tr> <td> 33 </td> <td> cc </td> <td> d4 </td> </tr> <td> <td> 44 </td> <td> aa </td> <td> 3c </ td> </tr> <td> 55 </td> <td> dd </td> <td> e5 </td> </td> <td> <td> 66 </td> <td> ff </td> <td> f6 </td> </tr> <td> 7 7 </td> <td> hH </td> <td> 2b </td> </tr> <td> <td> 88 </td> bb </td> <td> h8 </td> </tr> </table> </body> </html>위는 편집기가 도입 한 테이블 테이블 데이터 분류 기능 (동적 데이터 + 페이징 효과를 지원할 수 있음)의 JS 구현입니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!