jQuery EasyUI ตารางข้อมูล - กำหนดเองเรียง
หากลักษณะการเรียงลำดับเริ่มต้นไม่เป็นไปตามความต้องการของคุณคุณสามารถปรับแต่งตารางข้อมูล (DataGrid) พฤติกรรมการเรียงลำดับ
พื้นฐานที่สุดที่ผู้ใช้สามารถกำหนดในคอลัมน์เพื่อจัดเรียงชื่อฟังก์ชันเป็นตัวเรียงลำดับ ฟังก์ชั่นนี้จะใช้เวลาสองค่าค่าส่งกลับจะเป็นดังนี้:
valueA> VALUE พันล้าน => ผลตอบแทนที่ 1
valueA <VALUE พันล้าน => -1
ที่กำหนดเองเรียงรหัส
<table id = "TT"> </ table>
$ ( '# Tt'). Datagrid ({
ชื่อเรื่อง: 'ที่กำหนดเองเรียง'
iconCls: 'ไอคอนตกลง'
ความกว้าง: 520,
ความสูง: 250
singleSelect: จริง
remoteSort: เท็จ
คอลัมน์: [[
{ฟิลด์: 'Itemid' ชื่อเรื่อง: "รหัสรายการ" ความกว้าง: 60, การจัดเรียง: จริง}
{ฟิลด์: 'listprice' ชื่อเรื่อง: 'ราคา' ความกว้าง: 70 จัด: 'ขวา', จัดเรียง: จริง}
{ฟิลด์: 'unitcost' ชื่อเรื่อง: 'หน่วยต้นทุน' ความกว้าง: 70 จัด: 'ขวา', จัดเรียง: จริง}
{ฟิลด์: 'ATTR1' ชื่อเรื่อง: 'แอตทริบิวต์', ความกว้าง: 120, จัดเรียง: จริง}
{ฟิลด์: วันที่ 'ชื่อ: วันที่', ความกว้าง: 80, การจัดเรียง: จริงจัด: 'ศูนย์'
เรียงลำดับ: ฟังก์ชั่น (A, B) {
A = a.split ( '/');
B = b.split ( '/');
ถ้า (ก [2] == B [2]) {
ถ้า (ก [0] == B [0]) {
กลับ (ก [1]> B [1] 1 :? -1);
} else {
กลับ (ก [0]> B [0] 1 :? -1);
}
} else {
กลับ (ก [2]> B [2] 1 :? -1);
}
}
}
{ฟิลด์: 'สถานะ' ชื่อเรื่อง: 'สถานะ' ความกว้าง: 40 จัด: 'ศูนย์'}
]]
.}) Datagrid ( 'LoadData' ข้อมูล);
คุณสามารถดูจากรหัสนี้เราจะสร้างคอลัมน์เรียงลำดับที่กำหนดเองสำหรับวันที่ รูปแบบวันที่เป็น 'วัน / เดือน / ปปปป' ก็สามารถจัดเรียงได้อย่างง่ายดายโดยวันที่
