บทช่วยสอน jQuery EasyUI ตารางข้อมูล - กำหนดเองเรียง ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ดาวน์โหลดตัวอย่าง 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' ข้อมูล);
คุณสามารถดูจากรหัสนี้เราจะสร้างคอลัมน์เรียงลำดับที่กำหนดเองสำหรับวันที่ รูปแบบวันที่เป็น 'วัน / เดือน / ปปปป' ก็สามารถจัดเรียงได้อย่างง่ายดายโดยวันที่