jQuery EasyUI ตารางข้อมูล - เพิ่มกล่อง
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการวางกรอบในคอลัมน์ไปยังตารางข้อมูล (DataGrid) ช่องทำเครื่องหมายที่ผู้ใช้จะมีตัวเลือกให้เลือก / ยกเลิกการเลือกเส้นตารางของข้อมูล
หากต้องการเพิ่มคอลัมน์กล่องกาเราก็ต้องเพิ่มช่องทำเครื่องหมายแอตทริบิวต์คอลัมน์และตั้งค่าให้เป็นจริง รหัสดังต่อไปนี้:
<table id = "TT" title = "ช่องทำเครื่องหมายเลือก" class = "easyui-DataGrid" style = "width: 550px; ความสูง: 250px" url = "ข้อมูล / datagrid_data.json" idField = "Itemid" เลข = "true" iconCls = "ไอคอนบันทึก"> <thead> <tr> <Th ฟิลด์ = "CK ช่อง" = "true"> </ TH> <ฟิลด์ Th = "Itemid" width = "80"> รหัสรายการ </ TH> <ฟิลด์ Th = "ProductID" width = "80"> รหัสสินค้า </ TH> <Th ฟิลด์ = "listprice" width = "80" align = "สิทธิ"> ราคา </ TH> <ฟิลด์ Th = "unitcost" width = "80" align = "สิทธิ"> ต้นทุนต่อหน่วย </ TH> <Th ฟิลด์ = "ATTR1" width = "100"> แอตทริบิวต์ </ TH> <ฟิลด์ Th = "สถานะ" width = "60" align = "center"> สถานะ </ TH> </ tr> </ thead> </ table>
รหัสข้างต้นเพิ่มช่องทำเครื่องหมายคอลัมน์แอตทริบิวต์ด้วยดังนั้นมันจะกลายเป็นคอลัมน์ช่องทำเครื่องหมาย หาก idField คุณสมบัติได้รับการตั้งค่าตารางข้อมูล (DataGrid) การเลือกจะยังคงตั้งอยู่บนหน้าเว็บที่แตกต่างกัน