sortEnd主表表格拖动排序
[vue3代码]写在生成的[表.vue]文件中,[vue2代码]写在[表.jsx]文件methods方法中;二选一实现
vue3代码
//生成的vue标签上添加方法
<view-grid :sortEnd="sortEnd"></view-grid>
const onInit = async ($vm) => {
gridRef = $vm
//启用表格排序
gridRef.sortable = true
}
//实现排序方法
const sortEnd=(newIndex, oldIndex, rows)=> {
//拖动后对表的字段重新排序
rows.forEach((x, index) => {
x.字段 = index + 1
})
}
vue2 代码
onInit() {
//启用表格排序
this.sortable = true
}
//实现排序方法
sortEnd(newIndex, oldIndex, rows){
//拖动后对表的字段重新排序
rows.forEach((x, index) => {
x.字段 = index + 1
})
}