jQuery EasyUI Data Grid - Custom Sort
Wenn die Standard-Sortierverhalten nicht Ihren Anforderungen entsprechen, können Sie das Datenraster (Datagrid) Sortierverhalten anpassen.
Die einfachste, kann der Benutzer auf eine Spalte definieren, der Name der Funktion Sorter ist zu sortieren. Diese Funktion nimmt zwei Werte, wird der Rückgabewert wie folgt:
WertA> WertB => 1 zurück,
WertA <WertB => -1
Custom Sort-Code
<Table id = "tt"> </ table>
$ ( '# Tt'). Datagrid ({ Titel: 'Custom Sort', iconCls: 'icon-ok', Breite: 520, Höhe: 250, singleSelect: true, remoteSort: false, Spalten: [[ {Field: 'itemid', Titel: 'Item ID', Breite: 60, sortierbar: true}, {Field: 'gelisteter', Titel: "Listenpreis", Breite: 70, ausrichten: "Recht", sortierbar: true}, {Field: 'Unitcost ", Titel:" Stückkosten ", Breite: 70, ausrichten:" Recht ", sortierbar: true}, {Field: 'attr1', Titel: 'Attribut', Breite: 120, sortierbar: true}, {Field: 'date', Titel: 'Datum', Breite: 80, sortierbar: true, ausrichten: "Zentrum", Sortierer: function (a, b) { a = a.split ( '/'); b = b.split ( '/'); wenn (a [2] == b [2]) { if (a [0] == b [0]) { Rückkehr (a [1]> b [1] 1 :? -1); } Else { Rückkehr (a [0]> b [0] 1 :? -1); } } Else { Rückkehr (a [2]> b [2] 1 :? -1); } } }, {Field: "Status", Titel: 'Status', Breite: 40, ausrichten: 'center'} ]] Datagrid ( "loaddata '}), Daten).
Sie können von diesem Code sehen wir einen Sortierer benutzerdefinierte Spalte für das Datum erstellen. Das Datumsformat ist 'tt / mm / jjjj', kann es leicht nach Datum sortiert werden.