Community Learn Tools Library Leisure
search
English
Home > Backend Development > PHP Tutorial > 用dragsort +bootstrap+php实现 table拖动自动保持排序，前面加序号及时更新效果

用dragsort +bootstrap+php实现 table拖动自动保持排序，前面加序号及时更新效果

WBOY
Release： 2016-06-23 13:23:22
Original
1166 people have browsed it

php+ajax+dragsort插件+bootstrap美化
实现拖拽排序，保持序号不变，但真实排序保持变化。

代码说明：

  • my.js为自定义ajax请求，定义了数据接收处理和发送给后台php方法。里面有具体处理数据的样式以及php处理js发送数据保存到数据库的小demo。

  • jquery.dragsort-0.5.2.js 为插件内容，需要依赖jquery，为了实现效果其中我增加了282-297行，其他不变。

  • 其他文件顺序加载就好。

    • 统一包下载地址：百度网盘

    dragsort官网

    Related labels：
    用dragsort +bootstrap+php实现 table拖动自动保持排序，前面加序号及时更新效果
    source：php.cn
    Previous article：php发送邮件方法-亲测可用,email.class.php过期解决办法 Next article：php设计模式的六大原则（五）：依赖倒置原则
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Latest Articles by Author
    Latest Issues
    function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
    From 2024-04-29 11:01:01
    0
    3
    2194
    How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
    From 2024-04-23 00:22:19
    0
    11
    2341
    The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
    From 2024-04-19 15:37:47
    0
    1
    1963
    There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
    From 2024-04-18 23:52:34
    0
    1
    1851
    Where is the courseware about CSS mind mapping? Courseware
    From 2024-04-16 10:10:18
    0
    0
    1910
    Related Topics
    More>
    Popular Recommendations
    Popular Tutorials
    More>
    Related Tutorials
    Popular Recommendations
    Latest courses
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template