BootStrap table实现表格行拖拽效果

站长资源 2024/8/23 佚名
2 1538
DDR爱好者之家 Design By 杰米

本文实例为大家分享了BootStrap table实现表格行拖拽的具体代码,供大家参考,具体内容如下

不上图了

首先还是得添加三个文件,自己上网搜搜就行

<script src="/UploadFiles/2021-04-02/jquery.tablednd.js">

前台,加在Bootstrap Table 属性里面  

//当选中行,拖拽时的哪行数据,并且可以获取这行数据的上一行数据和下一行数据
   onReorderRowsDrag: function(table, row) {
    //取索引号
    dragbeforeidx = $(row).attr("data-index");
   },
   //拖拽完成后的这条数据,并且可以获取这行数据的上一行数据和下一行数据
   onReorderRowsDrop: function (table, row) {
    //取索引号
    draglateridx = $(row).attr("data-index");
   },
   //当拖拽结束后,整个表格的数据
   onReorderRow: function (newData) {
    //这里的newData是整个表格数据,数组形式
    if (dragbeforeidx != draglateridx) {//这是我其他地方需要的,你们可不必要这个
     //console.log(newData); 调试用代码
     $.post("Sort",
      { jsondata: JSON.stringify(newData) },//将整张表数据Post,当然,先序列化成Json
      function(data) {
       if (data == "success") {
        $table.bootstrapTable('refresh');
       }
      });
    }
   }

后台代码Controller

public string Sort(string jsondata)
  {
   //将json序列化为List<T>
   JavaScriptSerializer serializer = new JavaScriptSerializer();
   List<WorkFlow> list = serializer.Deserialize<List<WorkFlow(jsondata);
   BLL.Base.WorkFlow bllworkflow = new BLL.Base.WorkFlow();
   var result = bllworkflow.Sort(list);
   return result;
  }

排序的思路:当前台拖动完成后,将整个表格数据传入后台,先删除之前数据库中的数据,重新保存当前数据实现排序。

缺点:  如果你有分页显示,返回的Table数据只为第一页的。第二页就会出现排序问题。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

bootStrap,table,表格,拖拽
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米

评论“BootStrap table实现表格行拖拽效果”

暂无评论...

更新日志

2024年08月23日
  1. 《最终幻想》未来或考虑PC主机同步发行 多平台发展
  2. B站黑神话观众超Steam玩家 游民火热直播欢迎收看
  3. Steam新一期周销榜:《黑神话:悟空》霸榜全球!
  4. 群星 《十年网络红歌 经典篇》[WAV/分轨][1.3GB]
  5. 群星《十年网络红歌 时尚篇》[WAV/分轨][1.3GB]
  1. 群星《十年网络红歌 流行篇》[WAV/分轨][1.4GB]
  2. 5.0版本卡池角色一览,新版本的up池介绍
  3. 【原神】V4.8攻略 | 向着灯塔,或是远方|希穆兰卡任务
  4. 5.1版本至5.3版本爆料内容汇总最新分享
  5. 李逸朗.2007-李威乐【英皇娱乐】【WAV+CUE】
  6. 群星.1997-百代情牵翡翠三十年2CD【EMI百代】【WAV+CUE】
  7. 汪苏泷.2017-莱芙【大象音乐】【FLAC分轨】
  8. 剑与骑士团兑换码怎么使用 兑换码使用方法介绍
  9. 剑与骑士团前期玩什么角色好 开局角色推荐
  10. 剑与骑士团初始角色选什么 开局初始角色推荐
  11. 【古典音乐】Stravinsky-Petrushka,Debussy-Jeux,Prlude-OrchestredeParis,KlausMkel
  12. Jean-EfflamBavouzet-Mozart_PianoConcertos11,1213(2024)[24-96]
  13. 多维DTS环绕空前大制作《金曲联唱狂热58首》DTS-ES[WAV]
  14. 《黑神话》闪退解决建议:降低CPU主频、调低画质
  15. 剧透警告!《黑神话》开篇PS5实录 平衡画质