javascript – 在bootstraptable中向上或向下移动行

前端之家收集整理的这篇文章主要介绍了javascript – 在bootstraptable中向上或向下移动行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在一个项目中使用 Bootstrap-Table,我想向上或向下移动行.

我有这些动作事件:

  1. window.actionEvents = {
  2. 'click .up': function (e,value,row,index) {
  3. var thisrow = $(this).parents("tr:first"),thisrow.prev().data('index',rowindex);
  4. },'click .down': function (e,index) {
  5. var thisrow = $(this).parents("tr:first");
  6. thisrow.insertAfter(thisrow.next());
  7. },}

它在屏幕上移动行但由于行索引没有改变而无法正常工作…

所以我试图改变行.data(‘index’)但它不起作用……

有人成功移动了行吗?

解决方法

这是:

小提琴:https://jsfiddle.net/dfpo899p/1/

Js:

  1. window.actionEvents = {
  2. 'click .up': function (e,index) {
  3. var source = JSON.stringify($('#table').bootstrapTable('getData')[index]);
  4. var target = JSON.stringify($('#table').bootstrapTable('getData')[index - 1]);
  5. $('#table').bootstrapTable('updateRow',{'index':index - 1,'row': JSON.parse(source)});
  6. $('#table').bootstrapTable('updateRow',{'index':index,'row': JSON.parse(target)});
  7. },index) {
  8. var source = JSON.stringify($('#table').bootstrapTable('getData')[index]);
  9. var target = JSON.stringify($('#table').bootstrapTable('getData')[index + 1]);
  10. $('#table').bootstrapTable('updateRow',{'index':index + 1,'row': JSON.parse(target)});
  11. }
  12. }

猜你在找的JavaScript相关文章