$('#tb_order_left tbody').draggable({ helper: "clone", start: function (event, ui) { var old_left_data = JSON.stringify($('#tb_order_left').bootstrapTable("getData")); var old_right_data = JSON.stringify($('#tb_order_right').bootstrapTable("getData")); var odata = { index: ++i_statuindex, left_data: old_left_data, right_data: old_right_data }; arrdata.push(odata); }, stop: function (event, ui) { } });
这里代码很简单，主要做了两件事：
（1）注册tbody的可拖拽，同样适用的JQuery UI的draggable事件。
（2）在开始拖拽前，保存两边表格的数据，用于还原的操作。
2、注册右边drop