W2ui网格中的数据排序方法

Question

我希望在'dd/mm/yyy‘中对W2ui网格日期列进行排序，但是当网格中有多个记录时，日期没有正确排序。

我使用w2ui‘’grid‘.排序(’dd/mm/yyyy‘，事件)

Answer 1

对不起，但是您的代码w2ui['grid'].sort('dd/mm/yyyy',event)没有任何意义。

假设您的网格中有一个名为date的列，您希望对其进行降序排序，那么您必须调用：w2ui.grid.sort('date', 'desc')

(请注意，w2ui['grid']和w2ui.grid是相同的，您可以选择您喜欢的语法)。

请查看grid.sort：http://w2ui.com/web/docs/w2grid.sort的文档

如果这没有帮助，那么您应该提供一个基本的jsfiddle，包括您的网格列和一些示例记录。

Answer 2

在w2ui网格上对日期列进行排序应该如下所示。您应该提供一个额外的字段，名为"yourDateSortable"，它正确地包含可排序字符串。在我的示例中，"yourDateSortable“是以"YYYYMMDD”日期格式格式化的"yourDate“版本。注意，"yourDateSortable“是隐藏字段。它只用于排序，而不是"yourDate“。

var dataParam = [
{
"id": 1,
"data": {
  "yourDate": "27/09/2014 00:00:00",
  "yourDateSortable": "20140927"
}
},
{
"id": 2,
"data": {
  "yourDate": "01/03/2014 00:00:00",
  "yourDateSortable": "20140301"
}
},
{
"id": 3,
"data": {
  "yourDate": "10/01/2022 00:00:00",
  "yourDateSortable": "20220110"
}
},
{
"id": 4,
"data": {
  "yourDate": "25/04/2015 00:00:00",
  "yourDateSortable": "20150425"
}
}
];

$('#resultList').w2grid({
...
columns: [
{field: 'data.yourDateSortable', text: 'Your_Date_Field Hidden', size: '90px', min: '150', sortable: true, hidden:true },
{field: 'yourDateVisible', text: 'Your_Date_Field', size: '90px', min: '150', sortable: true, 
     render: function (record) {
            var a = moment(record.data.yourDate, "DD/MM/YYYY hh:mm").format('DD/MM/YYYY hh:mm') ;
                    return '<span title="' + a + '">' + a + '</span>';
                } }
],
records: dataParam,
...
onSort: function (event){
            if (event.field == "yourDateVisible") {
                event.preventDefault();
                w2ui['grid'].sort('data.yourDateSortable');
                event.onComplete = function () {
                    w2ui['grid'].sort('data.yourDateSortable');
                }
            }
        }
});