php动态数据点击表头部排序问题-php教程-PHP中文网

php动态数据点击表头部排序问题

php中文网

发布： 2016-06-23 13:06:34

原创

1896人浏览过

想要实现点击列头进行排序，table中的内容为动态数据，表头输出固定，内容只有一行（一个tr）循环输出，网上找到的代码都是对固定数据进行排序的。求一份动态数据排序的代码。最好能写一小点代码方便理解。

序列猴子开放平台

具有长序列、多模态、单模型、大数据等特点的超大规模语言模型

查看详情

回复讨论(解决方案)

只有一行，怎么展示排序的结果？

<table>      <tr>           <td onclick="sortData()" data-sort='asc' class='head'>表头</td>      </tr>      <tr class='data'>           <td>数据</td>      </tr></table>

登录后复制

1其实很简单,要是不考虑数据库负载,可你可以这样给你个简单demo.
你可以用sortData()的js触发事件 ajax移步去请求数据库重新按你想要的顺序排列
注意后边的data-sort属性这是纪录你当前排序的顺序

      function sortData(){     var sortString = $(".head").attr('data-sort');      //获取你的查询条件 和sortString     //ajax请求    $(".data").remove();//把以前的数据移除掉    //拼接数据 替换     }

登录后复制

原理就是异步请求查询数据后凭借标签替换现有页面标签

2.如果不想查询数据库那么刻意根据data class 把所有的数据标签找到然后用js进行排序后替换掉页面标签

无论怎么实现你都要替换页面原排序的标签元素这个是主要的

<table>      <tr>           <td onclick="sortData()" data-sort='asc' class='head'>表头</td>      </tr>      <tr class='data'>           <td>数据</td>      </tr></table>

登录后复制

      function sortData(){     var sortString = $(".head").attr('data-sort');      //获取你的查询条件 和sortString     //ajax请求    $(".data").remove();//把以前的数据移除掉    //拼接数据 替换     }

登录后复制

嗯，谢谢提醒，我已经实现了，给表头添加了a标签，给定触发事件换参数查询数据库重新加载页面实现的。

大家都在看：

PHP中将数组特定值替换为另一个完整数组的教程 php文件怎么运行虚拟主机_php文件上传至虚拟主机后运行的方法如何解决CentOS PHP环境迁移失败的解决办法？ PHP循环中基于动态变量名的简洁赋值技巧 HTML表单数据到MySQL的正确插入方法：处理多选框与常见问题解析