github
/
RuoYi
mirror of https://gitee.com/y_project/RuoYi.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

修复拖拽行数据错位问题

pull/334/head
Ricky 2021-09-30 15:55:38 +08:00
parent 05ee2d0bf4
commit 0224f58e52
2 changed files with 30 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
ruoyi-admin/src/main/resources/static/ajax/libs/bootstrap-table/extensions/reorder-rows/bootstrap-table-reorder-rows.js
View File

@ -93,10 +93,26 @@ $.BootstrapTable = class extends $.BootstrapTable {
this.options.data.splice(this.options.data.indexOf(draggingRow), 1) this.options.data.splice(this.options.data.indexOf(draggingRow), 1)
this.options.data.splice(index, 0, draggingRow) this.options.data.splice(index, 0, draggingRow)
this.initSearch()
// Call the user defined function // Call the user defined function
this.options.onReorderRowsDrop(droppedRow) this.options.onReorderRowsDrop(droppedRow)
// Call the event reorder-row // Call the event reorder-row
this.trigger('reorder-row', newData, draggingRow, droppedRow) this.trigger('reorder-row', newData, draggingRow, droppedRow)
} }
initSearch () {
this.ignoreInitSort = true
super.initSearch()
}
initSort () {
if (this.ignoreInitSort) {
this.ignoreInitSort = false
return
}
super.initSort()
}
} }

15
ruoyi-admin/src/main/resources/templates/demo/table/reorderRows.html
View File

@ -5,6 +5,11 @@
</head> </head>
<body class="gray-bg"> <body class="gray-bg">
<div class="container-div"> <div class="container-div">
<div class="btn-group-sm" id="toolbar" role="group">
<a class="btn btn-primary" onclick="getData()">
<i class="fa fa-search"></i> 查询所有数据
</a>
</div>
<div class="row"> <div class="row">
<div class="col-sm-12 select-table table-striped"> <div class="col-sm-12 select-table table-striped">
<p class="select-title">按住表格行拖拽</p> <p class="select-title">按住表格行拖拽</p>
@ -29,7 +34,9 @@
showColumns: false, showColumns: false,
onReorderRow: function (data) { onReorderRow: function (data) {
//当拖拽结束后，data为整个表格的数据 //当拖拽结束后，data为整个表格的数据
console.log('拖拽结束' + JSON.stringify(data)) console.table(data)
// 当sidePagination: "server"时，拖拽行后顺序错乱，需要重新调用加载数据方法
$("#" + table.options.id).bootstrapTable('load', data);
return false; return false;
}, },
columns: [{ columns: [{
@ -70,6 +77,12 @@
}; };
$.table.init(options); $.table.init(options);
}); });
/* 查询表格所有数据值 */
function getData(){
var data = $("#" + table.options.id).bootstrapTable('getData');
alert(JSON.stringify(data.map( item => { return item.userId })))
}
</script> </script>
</body> </body>
</html> </html>