BOOTSTRAP-กรอบการพัฒนาส่วนหน้ามือถือที่เรียบง่ายใช้งานง่ายและมีประสิทธิภาพและเป็นอันดับแรกทำให้การพัฒนาเว็บเร็วขึ้นและง่ายขึ้น มาแนะนำการใช้ตาราง bootstrap ให้คุณด้านล่าง มาเรียนรู้กันเถอะ
กำหนดตารางส่วนหน้าก่อน
<table id = "expandabledatatable"> </table>
จากนั้น js
/** เริ่มต้นตาราง*/var otable = $ ('#expandabledatatable'). dataTable ({"sdom": "tflt <'แถว dtttfooter' <'col-sm-6'i> <' col-sm-6'p >> พิมพ์เต็ม) {return '<i> </i>';}}, {"Atargets": [1], "data": "taskname", "title": "taskname"}, {"atargets": [2], "data": "cronexpression" "title": "คำอธิบาย"}, {"bsortable": false, "atargets": [4], "title": "เรียกใช้สถานะ", "render": ฟังก์ชั่น (ข้อมูล, พิมพ์เต็ม) {ถ้า (เต็ม ["เปิดใช้งาน" type = "ปุ่ม"> หยุด </button> ';}}}, {"bsortable": false, "atargets": [5], "render": function (data, พิมพ์เต็ม) {return' <a href = "#"> <i> </i> แก้ไข </a> ลบ </a> ';}}], "bserverside": จริง, "sajaxsource": "/task/getalltask", "aasorting": [[1,' asc ']], "alengthmenu": [5, 15, 20, -1], [5, 15, 20 " FALSE, "ภาษา": {"sprocessing": "การโหลดข้อมูล ... ", "sinfoempty": "บันทึกคือ 0", "sinfofiltered": "กรองจาก _max_bar", "szerorecords": "คุณต้องการค้นหา" _end_ /total_total_bar data "," opaginate ": {" sprevious ":" ก่อนหน้า ":" ก่อนหน้า "," snext ":" next ",}}," fnserverdata ": ฟังก์ชั่น (ssource, aodata, fncallback) "json", "data": {aodata: json.stringify (aodata)}, "ความสำเร็จ": ฟังก์ชั่น (resp) {fncallback (resp);}});}});ข้อมูลของตารางนี้ได้มาจากฝั่งเซิร์ฟเวอร์ดังนั้นคุณสมบัติต่อไปนี้จะต้องกำหนดค่ามิฉะนั้นข้อมูลไม่สามารถรับได้จากฝั่งเซิร์ฟเวอร์
"bserverside": จริง, "sajaxsource": "/task/getalltask", "fnserverdata": ฟังก์ชั่น (ssource, aodata, fncallback) {$ .ajax ({"พิมพ์": json.stringify (aodata)}, "ความสำเร็จ": ฟังก์ชั่น (resp) {fncallback (resp);}});}ข้างต้นเป็นความรู้ที่เกี่ยวข้องเกี่ยวกับการใช้แบบฟอร์ม bootstrap ที่แนะนำโดยบรรณาธิการ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!