网站首页 > 开源技术 正文
实际上我们的ADMIN.NET生成的后台代码已经包括了单字段排序的功能。我们只需要在前端页面上进行相应的处理即可。
前台代码找到相应的页面,然后增加上对应的el-table组件sort-change事件处理方法,然后在需要进行排序的列上增加相应的排序标识。
在列中设置sortable属性即可实现以该列为基准的排序,接受一个Boolean,默认为false。可以通过 Table 的default-sort属性设置默认的排序列和排序顺序。可以使用sort-method或者sort-by使用自定义的排序规则。如果需要后端排序,需将sortable设置为custom,同时在 Table 上监听sort-change事件,在事件回调中可以获取当前排序的字段名和排序顺序,从而向接口请求排序后的表格数据。
以下是增加排序标识
增加排序事件的响应
增加对应的方法,更改传递的参数即可响应排序
看看最终的效果如何。
猜你喜欢
- 2024-09-19 如何系统全面地自学 Java 语言?(如何系统全面地自学 java 语言教程)
- 2024-09-19 提供一个基于vue+elementui的后台管理系统模板框架
- 2024-09-19 Vue实战047:Breadcrumb面包屑实现导航路径
- 2024-09-19 从零开始搭建 VUE + Element UI后台管理系统框架
- 2024-09-19 程序员常用的IDEA插件大公开,个个都是精品
- 2024-09-19 基于 Blazui 的 Blazor 后台管理模板 BlazAdmin 正式尝鲜
- 2024-09-19 2020年10月份Github上热门的开源项目
- 2024-09-19 Java基础教程:k8s快速入门(java基础教程下载)
- 2024-09-19 2019年 Github 上最热门的 Java 开源项目
- 2024-09-19 2022春招,Java面试项目推荐,15个项目吃透两个offer拿到手软
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- jdk (81)
- putty (66)
- rufus (78)
- 内网穿透 (89)
- okhttp (70)
- powertoys (74)
- windowsterminal (81)
- netcat (65)
- ghostscript (65)
- veracrypt (65)
- asp.netcore (70)
- wrk (67)
- aspose.words (80)
- itk (80)
- ajaxfileupload.js (66)
- sqlhelper (67)
- express.js (67)
- phpmailer (67)
- xjar (70)
- redisclient (78)
- wakeonlan (66)
- tinygo (85)
- startbbs (72)
- webftp (82)
- vsvim (79)
本文暂时没有评论,来添加一个吧(●'◡'●)