detailSortEnd明细表表格拖动排序
[vue3代码]写在生成的[表.vue]文件中,[vue2代码]写在[表.jsx]文件methods方法中；二选一实现
vue3代码
//生成的vue标签上添加方法
<view-grid :detailSortEnd="detailSortEnd"></view-grid>
const onInit = async ($vm) => {
gridRef = $vm
//启用明细表排序
gridRef.detailOptions.sortable = true
//一对多明细表排序
// gridRefs.details[0].sortable = true//[0]指定第几个明细表排序
}
//实现排序方法
const detailSortEnd=(rows,newIndex, oldIndex,item)=> {
//拖动后对表的字段重新排序
rows.forEach((x, index) => {
x.字段 = index + 1
})
//一对多明细表排序，需要判断item.table是某张表的排序
// if(item.table=="明细表表名"){ }
}
vue2 代码
onInited() {
//启用明细表表格排序
this.detailOptions.sortable = true
//一对多明细表排序
// this.details[0].sortable = true//[0]指定第几个明细表排序
}
//实现排序方法
detailSortEnd(rows,newIndex, oldIndex,item){
//拖动后对表的字段重新排序
rows.forEach((x, index) => {
x.字段 = index + 1
})
//一对多明细表排序，需要判断item.table是某张表的排序
// if(item.table=="明细表表名"){ }
}