1）需求：

在做数据列表展示时，默认排序很奇怪，需要重新定义。

2）思路：

html：

<p-table (sortFunction)="customSort($event)" [customSort]="true" ></p-table>

3）代码实现：

ts代码：

public customSort(event: SortEvent) {event.data.sort((data1, data2) => {const value1 = data1[event.field];const value2 = data2[event.field];let result = null;if (value1 == null && value2 != null) {result = -1;} else if (value1 != null && value2 == null) {result = 1;} else if (value1 == null && value2 == null) {result = 0;} else if (typeof value1 === 'string' && typeof value2 === 'string') {result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0;} else {result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0;}return (event.order * result);});this.formListDataSorted = event.data;
}

4）总结：

1）在primeNG官方例子中，使用的是如下代码：

else if (typeof value1 === 'string' && typeof value2 === 'string')result = value1.localeCompare(value2);

localCompare()可以再传一个参数指定语言。
2）直接对string字符串进行大小比较，结果是从头开始比较每一位字符的charCode的大小，直到比较出大小为止。

AngularJS PrimeNG 的自定义排序customSort相关推荐

spreadsheet js中创建下拉列表_JS 中创建自定义排序方法
原文:https://www.youtube.com/watch?v=zVevl-K-m7Y 译者:前端小智为了保证的可读性,本文采用意译而非直译. 想优质文章请猛戳GitHub博客,一年百来篇优质 ...
SPARK 笔记 (四) 自定义排序
自定义排序数据以bean类型为例第一种 bean类是class 实现 Comparable 重写compareTo方法进行排序由于在Driver端所以bean需要实现序列化进行传输 packa ...
SQL自定义排序规则
SQL自定义排序规则原数据结果顺序数据显示 Apply:提交请求 Review:等待回复 Finish:任务完成按日期和状态排序,先状态为:提交请求(Apply)-按时间倒序,然后状态为:等待回 ...
数据库中自定义排序规则，Mysql中自定义字段排序规则，Oracle中自定义字段排序规则，decode函数的用法，field函数的用法
数据库中自定义排序场景:有一张banner表,表中有一个status字段,有0, 1, 2三个状态位,我想要 1,0,2的自定义排序(这里是重点),然后再进行之上对sequence字段进行二次排序( ...
SpringDataJpA复杂查询实现自定义排序
需求: 列表页面实现按合同状态自定义排序 private Specification<TblContractPre> whereClause(final TblContractPre en ...
.NET/C#中对自定义对象集合进行自定义排序的方法
一个集合可否排序,要看系统知不知道排序的规则,像内建的系统类型,int ,string,short,decimal这些,系统知道怎么排序,而如果一个集合里面放置的是自定义类型,比如自己定义了一个Car ...
MapReduce编程实例之自定义排序
任务描述: 给出一组数据,自定义排序的样式,第一列降序,相同时第二列升序 example Data: 2013 1 2013 5 2014 5 2014 8 2015 9 2015 4 Code: p ...
【AngularJS】—— 9 自定义过滤器
AngularJS另一个特点就是提供了过滤器,可以通过操作UNIX下管道的方式,操作数据结果. 通过使用管道,可以便于双向的数据绑定中视图的展现. 过滤器在处理过程中,将数据变成新的格式,而且可以使用 ...
R语言dplyr包arrage函数排序dataframe实战：单列排序、多列排序、自定义排序
R语言dplyr包arrage函数排序dataframe实战:单列排序.多列排序.自定义排序目录 R语言dplyr包arrage函数排序dataframe实战:单列排序.多列排序

AngularJS PrimeNG 的自定义排序customSort

AngularJS PrimeNG 的自定义排序customSort

1）需求：

2）思路：

3）代码实现：

4）总结：

AngularJS PrimeNG 的自定义排序customSort相关推荐

最新文章

热门文章

AngularJS PrimeNG 的 自定义排序customSort

AngularJS PrimeNG 的 自定义排序customSort

1） 需求：

2） 思路：

3） 代码实现：

4） 总结：

AngularJS PrimeNG 的 自定义排序customSort相关推荐

最新文章

热门文章

AngularJS PrimeNG 的自定义排序customSort

AngularJS PrimeNG 的自定义排序customSort

1）需求：

2）思路：

3）代码实现：

4）总结：

AngularJS PrimeNG 的自定义排序customSort相关推荐