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" charset = utf-8 ";> <ภาษาสคริปต์ =" 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> $ ("#tableneed tr") แต่ละ (ฟังก์ชั่น () {listtr.push ($ ($ (นี้) .html ());}); // รับองค์ประกอบของคอลัมน์ 1) $ (classname) .each (function () {listname.push ($ (นี่) .Text ()+i); liStNameold.push ($ (นี่) .Text ()+i); i ++;}); // เรียงลำดับองค์ประกอบ j = 0; j <listname.length; j ++) {ถ้า (listname [j] .substring (listname [j] .length-listnameold [j] .length)! = listnameold [j]) {b = true; break;}} // j = 0; j <listname.length; j ++) {listsort.push (parseint (listname [j] .substring (listname [j] .length-1)));} $ ("#tableneed"). html (''); // เพิ่ม <tr> ตามลำดับ หากลำดับขององค์ประกอบไม่เปลี่ยนแปลงหลังจากการเรียงลำดับให้เพิ่ม $ ("#tableneed") ผนวก ("<tr class = 'header'>"+listtr [0]+"</tr>"); ถ้า (b) {สำหรับ (var (var j = 0; j <listsort.length; j ++) {$ ("#tableneed"). ผนวก ("<tr>"+listtr [listsort [j]]+"</tr>");}} else {สำหรับ (var (var j = listsort.length-1; j> = 0; j-) {$ ("#tableneed"). ผนวก ("<tr>"+listtr [listsort [j]]+"</tr>");}}} // การเรียงลำดับแรกตามจำนวนอักขระ i = 0; i <list.length; i ++) {var str = list [i]; ถ้า (str.length> len) {len = str.length;}} สำหรับ (var i = 0; i <len; i ++) {เพิ่ม+= "0"} สำหรับ (var i = 0; i <list.length; strone = add+list [i]; list [i] = strone.substring (strone.length-len);} list.sort ();} // ------------------------ </script> <body> <table id = "border" tableneed " onclick = "sortt ('. 2')"> ตัวอักษร </td> <td onclick = "sortt ('. 3')"> ตัวเลขและ ตัวอักษร </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> td> </tr> <td> 55 </td> <td> dd </td> <td> e5 </td> </tr> <tr> <td> 66 </td> <td> ff </td> <td> f6 </td> 7 </td> <td> hh </td> <td> 2b </td> </tr> <tr> <td> 88 </td> <td> bb </td> <td> h8 </td> </tr>ข้างต้นคือการใช้งาน JS ของฟังก์ชั่นการเรียงลำดับข้อมูลตาราง (สามารถรองรับ Dynamic Data + Effects) แนะนำโดยตัวแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!