jQuery EasyUI Data Grid - Ordinamento personalizzato
Se il comportamento di default tipo non soddisfa le proprie esigenze, è possibile personalizzare la griglia di dati (DataGrid) l'ordinamento comportamento.
Il più semplice, l'utente può definire su una colonna per ordinare il nome della funzione è selezionatrice. Questa funzione prende due valori, il valore di ritorno sarà il seguente:
valoreA> valoreB => restituisce 1
valoreA <valoreB => -1
Ordinamento personalizzato Codice
<Table id = "tt"> </ table>
$ ( '# Tt'). DataGrid ({ Titolo: 'ordinamento personalizzato', iconCls: 'icona-ok', Larghezza: 520, altezza: 250, singleSelect: vero, remoteSort: false, colonne: [[ {Campo: 'Itemid', titolo: 'ID dell'oggetto', Larghezza: 60, ordinabili: true}, {Campo: 'Prezzo di listino', titolo: 'Listino', Larghezza: 70, allineare: 'destra', ordinabili: true}, {Campo: 'Costounitario', titolo: 'Costo unitario', Larghezza: 70, allineare: 'destra', ordinabili: true}, {Campo: 'attr1', titolo: 'attributo', Larghezza: 120, ordinabili: true}, {Campo: 'data', il titolo: 'Data', Larghezza: 80, ordinabili: vero, allineare: 'centro', sorter: function (a, b) { a = a.split ( '/'); b = b.split ( '/'); if (a [2] == b [2]) { if (a [0] == b [0]) { tornare (un [1]> b [1] 1 :? -1); } Else { tornare (a [0]> b [0] 1 :? -1); } } Else { tornare (un [2]> b [2] 1 :? -1); } } }, {Campo: 'status', titolo: 'Stato', Larghezza: 40, allineare: 'center'} ]] .}) DataGrid ( 'loadData', dei dati);
Si può vedere da questo codice, creiamo una colonna sorter personalizzato per la data. Il formato della data è 'gg / mm / aaaa', può essere facilmente ordinato per data.