我的表中有一列是动态生成的。表中有名称、公司等列,也有包含版本号的列(1.14.0.2、1.12.1.0、1.8.0.1)。
我正在使用名为Sortable的库进行就地排序。这是一个开箱即用的伟大图书馆!
它适用于"名称"one_answers"公司"等列。但在某些情况下,版本号会失败。我正在将数据值设置为的结果
str_replace('.','',$version_number)
但当版本号为1.10.0、1.14、1.0.1.2(特殊情况)时,它会失败
它应该有点像
1.0.1.2
1.10.0
1.14
但它有点像
1.14
1.0.1.2
1.10.0
有什么方法可以让我取得正确的结果吗?
它是这样排序的,因为它是按数据值排序的,您将其设置为一个没有句点的数字。
1.14 --> 114 (smallest)
1.0.1.2 --> 1012
1.10.0 --> 1100 (largest)
如果不使用data-value
属性,或者在版本号中保留句点,它将正确排序。如下小提琴所示。
https://jsfiddle.net/t7xhkkjc/
编辑
您需要添加自定义排序功能来正确排序版本号
// Credit for function http://stackoverflow.com/a/7717160/769237
var customTypes = [{
name: 'version',
defaultSortDirection: 'descending',
match: function(a) {
return a.match(/([1-9]+.?)+/g);
},
compare: function (a, b) {
var i, cmp, len, re = /(.0)+[^.]*$/;
a = (a + '').replace(re, '').split('.');
b = (b + '').replace(re, '').split('.');
len = Math.min(a.length, b.length);
for( i = 0; i < len; i++ ) {
cmp = parseInt(a[i], 10) - parseInt(b[i], 10);
if( cmp !== 0 ) {
return cmp;
}
}
return a.length - b.length;
}
}];
这样您就不会因为覆盖而丢失原始排序类型
var customAndOriginalTypes = Sortable.types.concat(customTypes);
Sortable.setupTypes(customAndOriginalTypes);
此外,您需要通过从表中删除data-sortable
来禁用自动初始化。这允许您在将排序功能添加到表之前添加新的排序类型。
然后,您可以使用初始化表上的排序
var yourTable = document.querySelector('#your-table');
Sortable.initTable(yourTable);
https://jsfiddle.net/p4w5bup3/