ASP.NET sering menemukan efek pagination, terutama berharap untuk mencapai penyortiran paging HTML statis (saya percaya semua orang memiliki solusi mereka sendiri untuk paging HTML. Saya tidak akan banyak bicara tentang hal itu di sini). Saya menulis penyortiran demo sederhana.
Data adalah dua set huruf dan angka. (Karakter Cina perlu menemukan kode ASC) Prinsipnya adalah menggunakan penyortiran sortir yang disediakan oleh array untuk mengatur ulang tabel. Itu telah diuji di .NET MVC. Ini mendukung pagination. ;
Berikut ini adalah kode HTML:
<! Doctype html public "-// w3c // dtd html 4.0 transisi // en"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <itement> JS Operation Refresh </title> <MetM HT "> <head> <itement> JS Operation Refresh </title> <Metra ht" " charset = utf-8 ";> <bahasa skrip =" 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;//Get the original <tr> and clear the <table>$("#tableNeed tr").each(function(){listTr.push($(this).html());});//Get the element of the column to be arranged, and add the order of the moment at the end (starting from 1) $ (className) .each (function () {listname.push ($ (this) .text ()+i); listNameOld.push ($ (this) .text ()+i); i ++;}); // Urutkan elemen untuk mengurutkan mysort (listName); // menilai apakah elemen mengubah posisi elemen setelah mengurutkan mysort (listName); 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 (''); // tambahkan <tr> secara berurutan. Jika urutan elemen tidak berubah setelah penyortiran, lalu tambahkan $ ("#tableNeed"). Tambahkan ("<tr class = 'header'>"+listtr [0]+"</tr>"); if (b) {for (var 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>");}}} // Sortir pertama berdasarkan jumlah karakter, dan kemudian urutkan berdasarkan fungsi ukuran karakter yang sesuai mySort (list) {var len = 0 i = 0; i <list.length; i ++) {var str = list [i]; if (str.length> len) {len = str.length;}} untuk (var i = 0; i <len; i ++) {add+= "0"} untuk (var i = 0; i <list.length; i ++) strone = add+list [i]; list [i] = strone.substring (strone.length-len);} list.sort ();} // ---------------------------- </skrip> <body> <table id = "tableneed" border = 1> <td <td onclick = "sortt ('. OnClick = "sortt ('. 2')"> huruf </td> <td onclick = "sortt ('. 3')"> angka dan Surat </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 </s </td td> </tr> <td> 55 </td> <td> dd </td> <td> e5 </td> </tr> <tr> <td> 66 </td> <td> </td> <td> f6 </td> </tr> <td> <td> 7. 7 </td> <td> hh </td> <td> 2b </td> </tr> <tr> <td> 88 </td> <td> Bb </td> <td> H8 </td> </tr> </jabDi atas adalah implementasi JS dari fungsi penyortiran data tabel (dapat mendukung data dinamis + efek paging) yang diperkenalkan oleh editor. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!