若依框架实现排序【升序或降序】很简单 |
您所在的位置:网站首页 › 依数字类型升序排序表格内容怎么设置不了 › 若依框架实现排序【升序或降序】很简单 |
前端实现 1. 在表格上加监听函数@sort-change。如下红框所示: 2. 在表行上加排序字:sort-orders,可排序字sortable。如下红框所示: 3. 添加监听函数实现。代码如下: handleSortChange(column) { this.queryParams.orderByColumn = column.prop;//查询字段是表格中字段名字 this.queryParams.isAsc = column.order;//动态取值排序顺序 this.getList(); }完整代码如下:. {{ parseTime(scope.row.dateTime, '{h}:{i}:{s}') }} method:{ //排序,倒序 handleSortChange(column) { this.queryParams.orderByColumn = column.prop;//查询字段是表格中字段名字 this.queryParams.isAsc = column.order;//动态取值排序顺序 this.getList(); } } 后端实现只需在对应的xml文件中的selectXXList里面加上参数解析即可,如下本文展示的案例,是在selectLiquidHeightList中添加方法。 以上步骤操作到这,就实现了数据列表的倒序排序了。重新启动服务就可以看到实际效果了: |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |