1. Rumah
  2. jQuery EasyUI data Grid - Kustom Urut

Tutorial jQuery EasyUI data Grid - Kustom Urut Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari Ambil jQuery EasyUI contoh,

jQuery EasyUI data Grid - Kustom Urut

Jika perilaku default semacam tidak memenuhi kebutuhan Anda, Anda dapat menyesuaikan data grid (datagrid) menyortir perilaku.

Yang paling dasar, pengguna dapat menentukan pada kolom untuk menyortir nama fungsi penyortir. Fungsi ini membutuhkan dua nilai, nilai kembali akan menjadi sebagai berikut:

valueA> VALUEB => mengembalikan 1

valueA <VALUEB => -1

Kustom Urutkan Kode 

	<Table id = "tt"> </ table>

	$ ( '# Tt'). Datagrid ({
		Judul: 'Custom Sort',
		iconCls: 'icon-ok',
		width: 520,
		height: 250,
		singleSelect: benar,
		remoteSort: palsu,
		kolom: [[
			{Bidang: 'Itemid', judul: 'Barang ID', lebar: 60, diurutkan: true},
			{Bidang: 'listprice', judul: 'Daftar Harga', lebar: 70, menyelaraskan: 'benar', diurutkan: true},
			{Bidang: 'unitcost', judul: 'Satuan Biaya', lebar: 70, menyelaraskan: 'benar', diurutkan: true},
			{Bidang: 'attr1', judul: 'Atribut', lebar: 120, diurutkan: true},
			{Bidang: 'date', judul: 'Tanggal', lebar: 80, diurutkan: true, menyelaraskan: 'pusat',
				penyortir: function (a, b) {
					a = a.split ( '/');
					b = b.split ( '/');
					jika (a [2] == b [2]) {
						jika (a [0] == b [0]) {
							kembali (a [1]> b [1] 1 :? -1);
						} Lain {
							kembali (a [0]> b [0] 1 :? -1);
						}
					} Lain {
						kembali (a [2]> b [2] 1 :? -1);
					}
				}
			},
			{Bidang: 'Status', judul: 'Status', lebar: 40, menyelaraskan: 'pusat'}
		]]
	.}) Datagrid ( 'LoadData', data);

Anda dapat melihat dari kode ini, kita membuat kolom penyortir kustom untuk tanggal. Format tanggal adalah 'hh / bb / tttt', dapat dengan mudah diurutkan berdasarkan tanggal.

Ambil jQuery EasyUI contoh

jeasyui-datagrid-datagrid14.zip

Tutorial Panas

Hubungi kami

jQuery EasyUI data Grid - Kustom Urut
10/30