jQuery EasyUI danych Siatka - Sortowanie niestandardowe
Jeśli zachowanie domyślne sortowanie nie spełnia Twoich potrzeb, można dostosować siatkę danych (datagrid) sortowanie zachowanie.
Najbardziej podstawową, użytkownik może zdefiniować na kolumnie sortowania nazwa funkcji jest sorter. Ta funkcja przyjmuje dwie wartości, wartość zwracana będzie w następujący sposób:
ZMIENNAa> valueB => zwraca 1
ZMIENNAa <valueB => -1
Niestandardowe Sort Code
<Id Tabela = "tt"> </ table>
$ ( '# Tt "). DataGrid ({ Tytuł: "Niestandardowe Sortuj" iconCls: "ikona-ok" szerokość: 520, wysokość: 250, singleSelect: prawda, remoteSort: false, kolumny: [[ {Pole: "itemid", tytuł: "Numer pozycji", szerokość: 60, sortable: true} {Pole: "ListPrice", tytuł: "Cena", szerokość: 70, align: "prawo", sortable: true}, {Pole: "unitcost", tytuł: "koszt jednostkowy, szerokość: 70, align:" prawo ", sortable: true} {Pole: "attr1", tytuł: "Atrybut ', szerokość: 120, sortable: true} {Pole: "data", tytuł: "Data", szerokość: 80, sortable: true, wyrównać: 'centrum', sorter: function (a, b) { a = a.split ( '/'); b = b.split (/); gdy (a [2] == b) [2] { gdy (a [0] b == [0]) { powrót (a [1]> b [1] 1 :? -1); } Else { powrót (a [0]> b [0] 1 :? -1); } } Else { powrót (a [2]> b [2] 1 :? -1); } } } {Pola: 'status', tytuł: "Stan", szerokość: 40, align: 'centrum'} ]] .}) DataGrid ( "loaddata" danych);
Widać z tego kodu, możemy utworzyć kolumnę sortowania niestandardowego daty. Format daty jest "dd / mm / rrrr", może być łatwo posortowane według daty.