编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

NET开发人员不二之选ADMIN.NET:列表排序功能操作分解

wxchong 2024-09-19 05:57:57 开源技术 11 ℃ 0 评论

#头条创作挑战赛#

实际上我们的ADMIN.NET生成的后台代码已经包括了单字段排序的功能。我们只需要在前端页面上进行相应的处理即可。

前台代码找到相应的页面,然后增加上对应的el-table组件sort-change事件处理方法,然后在需要进行排序的列上增加相应的排序标识。

在列中设置sortable属性即可实现以该列为基准的排序,接受一个Boolean,默认为false。可以通过 Table 的default-sort属性设置默认的排序列和排序顺序。可以使用sort-method或者sort-by使用自定义的排序规则。如果需要后端排序,需将sortable设置为custom,同时在 Table 上监听sort-change事件,在事件回调中可以获取当前排序的字段名和排序顺序,从而向接口请求排序后的表格数据。

以下是增加排序标识

增加排序事件的响应

增加对应的方法,更改传递的参数即可响应排序

看看最终的效果如何。

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表