1. Home
  2. jQuery EasyUI Data Grid - costume Classificar

O melhor tutorial jQuery EasyUI Data Grid - costume Classificar em 2024. Neste tutorial você pode aprender Baixar exemplos jQuery EasyUI,

jQuery EasyUI Data Grid - costume Classificar

Se o comportamento de classificação padrão não atender às suas necessidades, você pode personalizar a grade de dados (datagrid) triagem comportamento.

O mais básico, o usuário pode definir em uma coluna para ordenar o nome da função é classificador. Esta função tem dois valores, o valor de retorno será o seguinte:

valorA> valorB => retorna 1

valorA <valorB => -1

Personalizado Sort Code 

	<Id Tabela = "tt"> </ table>

	$ ( "# Tt '). Datagrid ({
		Título: 'Ordenar Custom',
		iconCls: 'icon-ok',
		width: 520,
		height: 250,
		singleSelect: true,
		remoteSort: false,
		colunas: [[
			{Field: 'ItemId', título: 'ID Item', largura: 60, classificável: true},
			{Field: 'ListPrice', título: «Lista de preços ', largura: 70, alinhe:' certo ', classificável: true},
			{Field: 'unitcost', título: 'Custo Unitário, largura: 70, alinhe:' certo ', classificável: true},
			{Field: 'attr1', título: 'atributo', largura: 120, classificável: true},
			{Field: 'date', título: 'Data', largura: 80, classificável: true, alinhe: "centro",
				classificador: function (a, b) {
					A = a.split ( '/');
					b = b.split ( '/');
					se (a [2] == b [2]) {
						se (a [0] == b [0]) {
							retornar (a [1]> b [1] 1 :? -1);
						} Else {
							retornar (a [0]> b [0] 1 :? -1);
						}
					} Else {
						retornar (a [2]> b [2] :? 1 -1);
					}
				}
			},
			{Field: 'status', título: 'Status', largura: 40, alinhamento: 'centro'}
		]]
	.}) Datagrid ( 'loadData', de dados);

Você pode ver a partir deste código, criamos uma coluna personalizada classificador para a data. O formato da data é "dd / mm / aaaa ', ele pode ser facilmente ordenados por data.

Baixar exemplos jQuery EasyUI

jeasyui-datagrid-datagrid14.zip

Tutoriais quentes

Contact US

jQuery EasyUI Data Grid - costume Classificar
10/30