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.