查询界面默认排序、明细表排序
[vue3代码]写在生成的[表.vue]文件中,[vue2代码]写在[表.jsx]文件methods方法中；二选一实现
vue3代码
const onInit=($vm)=> {
gridRef=$vm;
//查询表格排序
gridRef.pagination.sortName = "排序字字段"; //设置排序字段,多个字段排序用逗号隔开,如:a,b,c
gridRef.pagination.order = "desc" ; //排序方式desc或者asc
//明细表排序
gridRef.detailOptions.pagination.sortName = "明细表排序字字段"; //明细表排序字字段
gridRef.detailOptions.pagination.order = "desc" ; //明细表排序方式desc或者asc
//二级表分页、默认排序
gridRef.details[0].pagination={
total: 0,
size: 30,//默认分页大小写
sizes:[10,20,30,60],
sortName: "排序字段",
order:"asc/desc"//排序方式
}
//其他二级表
//gridRef.details[1]/2/3
//三级表
gridRef.subDetails[0].
}
vue2代码
onInited() {
this.pagination.sortName = "排序字字段"; //设置排序字段,多个字段排序用逗号隔开,如:a,b,c
this.pagination.order = "desc" ; //排序方式desc或者asc
//明细表排序
this.detailOptions.pagination.sortName = "明细表排序字字段"; //明细表排序字字段
this.detailOptions.pagination.order = "desc" ; //明细表排序方式desc或者asc
//二级表分页、默认排序
this.details[0].pagination={
total: 0,
size: 30,//默认分页大小写
sizes:[10,20,30,60],
sortName: "排序字段",
order:"asc/desc"//排序方式
}
//其他二级表
//this.details[1]/2/3
//三级表
this.subDetails[0].
}