ASP.NETはしばしばページネーション効果に遭遇します。特に静的なHTMLページングソートを達成することを望んでいます(誰もがHTMLページングの独自のソリューションを持っていると思います。ここではあまり言いません)。簡単なデモの並べ替えを書きました。
データは、2セットの文字と数字です。 (漢字は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 contess </<meta htp-equiv = thepe charset = utf-8 ";> <スクリプト言語=" javascript " src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"> </script> </head> <スクリプト> // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- array(); var i = 1; var b = false; //元の<tr>を取得し、<table> $( "#tableneed tr")をクリアします(function(){listtr.push($(this).html());}); 1)$(classname).each(function(){listname.push($(this).text()+i); listnameold.push($(this)+i); i ++;}); //ソートされる要素を並べ替える(listname); j = 0; j <listname.length; j ++){if(listname [j] .substring(listname [j] .length-listnameold [j] .length)!= listnameold [j]){b = true;}} //並べ替え後、以前の順序に基づいて<tr>を取得します。 j = 0; j <listname.length; j ++){listsort.push(parseint(listname [j] .substring(listname [j] .length-1)));} $( "#tableneed")。ソート後に要素の順序が変更されない場合は、$( "#tableneed")を追加します。 j = 0; j <listsort.length; j ++){$( "#tableneed") j = listsort.length-1; j> = 0; j-){$( "#tableneed")。 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){var strone = add+list [i]; list [i] = strone.substring(strone.length-len);} list.sort();} // ------------------------------------------------------------------------------------------ <tableNeed "border = 1> <tr> <td onclick =" sortt( ' onclick = "sortt( '。2')">文字</td> <td onclick = "sortt( '。3')"> numbers and文字</td> </tr> <td> 11 </td> <td> ee </td> <td> 1a </td> </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> <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>上記は、編集者が導入したテーブルテーブルデータソート機能のJS実装(動的データ +ページング効果をサポートできます)です。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!