jQuery EasyUI Data Grid - Orden personalizado
Si el comportamiento de ordenación predeterminado no satisface sus necesidades, puede personalizar la cuadrícula de datos (DataGrid) comportamiento de ordenación.
El más básico, el usuario puede definir en una columna para ordenar el nombre de la función es clasificador. Esta función toma dos valores, el valor de retorno será el siguiente:
valorA> valorB => devuelve 1
valorA <valorB => -1
Orden personalizado Código
<Tabla id = "tt"> </ table>
$ ( '# Tt'). Datagrid ({ Título: 'Ordenar personalizado', iconCls: 'icono-ok', anchura: 520, altura: 250, singleSelect: true, remoteSort: falso, columnas: [[ El campo {: 'ITEMID', título: "Identificación de artículo, anchura: 60, se puede ordenar: true}, El campo {: 'Precio de la lista', título: 'Precio', ancho: 70, ajustará: "derecho", se puede ordenar: true}, El campo {: 'unitcost', título: "Costo unitario, anchura: 70, ajustará:" derecho ", se puede ordenar: true}, El campo {: 'attr1', título: "Atributo, anchura: 120, se puede ordenar: true}, El campo {: 'fecha', título: 'Fecha', ancho: 80, se puede ordenar: true, alinear: "centro", clasificador: function (a, b) { a = a.split ( '/'); b = b.split ( '/'); si (a [2] == b [2]) { si (a [0] == b [0]) { volver (a [1]> b [1] 1 :? -1); } Else { volver (a [0]> b [0] 1 :? -1); } } Else { volver (a [2]> b [2] 1 :? -1); } } }, El campo {: 'status', título: "Estado", ancho: 40, alinee: 'centro'} ]] .}) Datagrid ( 'loadData', los datos);
Se puede ver en este código, creamos una columna personalizada clasificador para la fecha. El formato de fecha es "dd / mm / aaaa ', que puede ser fácilmente ordenados por fecha.