Derrick.Jiao 发表于 2022-8-24 15:30:47

实现自定义排序按钮弹出框

相信有看过下面这篇文章的朋友应该对应自定义筛选框的自定义不陌生了。
https://gcdn.grapecity.com.cn/showtopic-57729-1-21.html

那有的朋友除了想要自定义筛选,那么还有的朋友想要自定义排序,那么今天这个教程来了。背景是这样的,因为有的朋友用数据绑定,在数据源中会有id这样一些不需要展示的字段,但是排序过后,id和数据源就对不上了。就像下面的例子那样,因为我们的排序简单理解就是交换单元格。


想要解决这个问题,可以通过自定义的排序框实现。那自定义的排序逻辑就是把数据源拿出来,自己排一遍,排完在setDataSource回去。

与筛选弹窗类似,第1步,自定义弹框方法:customFilterDialog


2、初始化弹窗,也就是把弹窗用html+css“画出来”


3、实现open方法,通过样式控制筛选弹框的显示


4、选定升序或者降序后,关闭弹窗


另外,需要注意的是,如果想要点击之后筛选按钮能够正常显示下图的排序效果


需要维护一下的排序信息


下载附件即可查看完整demo。


页: [1]
查看完整版本: 实现自定义排序按钮弹出框