php動態資料點擊表頭部排序問題

來源:互聯網
上載者:User
想要實現點擊列頭進行排序,table中的內容為動態資料,表頭輸出固定,內容只有一行(一個tr)迴圈輸出,網上找到的代碼都是對固定資料進行排序的。求一份動態資料排序的代碼。最好能寫一小點代碼方便理解。


回複討論(解決方案)

只有一行,怎麼展示排序的結果?

 
表頭
資料

1其實很簡單,要是不考慮資料庫負載,可你可以這樣 給你個簡單demo.
你可以用sortData()的js觸發事件 ajax移步去請求資料庫重新按你想要的順序排列
注意後邊的data-sort屬性 這是紀錄你當前排序的順序
      function sortData(){     var sortString = $(".head").attr('data-sort');      //擷取你的查詢條件 和sortString     //ajax請求    $(".data").remove();//把以前的資料移除掉    //拼接資料 替換     }

原理就是非同步請求查詢資料後 憑藉標籤 替換現有頁面標籤

2.如果不想查詢資料庫 那麼刻意根據data class 把所有的資料標籤找到 然後用js進行排序後替換掉頁面標籤

無論怎麼實現 你都要替換頁面原排序的標籤元素 這個是主要的

 
表頭
資料

1其實很簡單,要是不考慮資料庫負載,可你可以這樣 給你個簡單demo.
你可以用sortData()的js觸發事件 ajax移步去請求資料庫重新按你想要的順序排列
注意後邊的data-sort屬性 這是紀錄你當前排序的順序
      function sortData(){     var sortString = $(".head").attr('data-sort');      //擷取你的查詢條件 和sortString     //ajax請求    $(".data").remove();//把以前的資料移除掉    //拼接資料 替換     }

原理就是非同步請求查詢資料後 憑藉標籤 替換現有頁面標籤

2.如果不想查詢資料庫 那麼刻意根據data class 把所有的資料標籤找到 然後用js進行排序後替換掉頁面標籤

無論怎麼實現 你都要替換頁面原排序的標籤元素 這個是主要的



嗯,謝謝提醒,我已經實現了,給表頭添加了a標籤,給定觸發事件換參數查詢資料庫重新載入頁面實現的。
  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.