1. Home
  2. jQuery EasyUI danych Siatka - Sortowanie niestandardowe

Najlepszy samouczek jQuery EasyUI danych Siatka - Sortowanie niestandardowe W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,

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.

Pobierz przykłady jQuery EasyUI

jeasyui-datagrid-datagrid14.zip

Hot Tutorials

Contact US

jQuery EasyUI danych Siatka - Sortowanie niestandardowe
10/30