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