วิชาบังคับก่อน: ฟังก์ชั่นการค้นหาและเพจที่กำหนดเองเช่นฟังก์ชั่นของการค้นหาชื่อผลิตภัณฑ์
ปรากฏการณ์: เมื่อค้นหาตุ๊กตาพองได้ส่งคืน 100 ระเบียนและหันไปที่หน้า 5 ในเวลานี้ค้นหาแท่งการนวดมี 200 ข้อมูลและผลลัพธ์ควรเป็นบันทึกในหน้าแรก แต่การแสดงผลจริงเป็นผลลัพธ์ในหน้าห้า นั่นคือหลังจากค้นหาอีกครั้ง pagenumber ไม่เปลี่ยนแปลง
ตามคำพูดออนไลน์ส่วนใหญ่: เพียงรีเซ็ตตัวเลือก
$ ('##tablelist'). bootstraptable ({pagenumber: 1, pagesize: 10});ข้างต้นไม่สามารถแก้ปัญหานี้ได้
วิธีที่ถูกต้องในการทำคือ
$ ("#table"). bootstraptable ('destroy'); ตารางจะต้องถูกทำลายก่อนมิฉะนั้นเนื้อหาที่โหลดสุดท้ายจะถูกเก็บไว้
TableObj.otableInit (); เริ่มต้นตารางใหม่
รหัสมีลักษณะเช่นนี้:
<script type = "text/javascript"> $ (function () {tableObj.otableInit (); $ ("#btn_Query") คลิก (ฟังก์ชั่น () {$ ("#tb_departments"). bootstartable ('ทำลาย'); {$ .messager.alert ('เคล็ดลับ', 'โปรดเลือกบันทึกที่จะลบ');}); $ ("#btn_add") คลิก (ฟังก์ชั่น () {var actionurl = "@url.action (" _ create ")" var param = {}; tableotableInit: function () {$ ('#tb_departments'). bootstraptable ({url: '/แผนก/getDepartment', // ร้องขอ URL (*) วิธี: 'get', // วิธีการร้องขอ (*) toolbar: '#toolbar' ค่าเริ่มต้นเป็นจริงดังนั้นโดยทั่วไปคุณต้องตั้งค่าคุณสมบัตินี้ (*) การแบ่งหน้า: จริง // หน้าแสดงหน้า (*) จัดเรียงได้: เท็จ, // การเรียงลำดับเปิดใช้งาน: "asc", // วิธีการเรียงลำดับ // queryparams: tableObj.QueryParams (this), // ผ่านพารามิเตอร์ (*) this.pagenumber, pageSize: this.pagesize, deptname: $ ("#txt_search_departmentname"). val (),};}, sidepagination: "เซิร์ฟเวอร์", // วิธีการแบ่งหน้า: การล็อคไคลเอนต์ไคลเอนต์ (*) Pagelist: [5, 10, 25, 50, 100], // จำนวนแถวต่อหน้าเพื่อเลือก (*) การค้นหา: เท็จ // ไม่ว่าจะแสดงการค้นหาตารางการค้นหานี้เป็นการค้นหาไคลเอนต์และจะไม่เข้าสู่เซิร์ฟเวอร์ดังนั้นฉันจึงรู้สึกว่ามันเป็นความหมายที่เข้มงวด จำนวนคอลัมน์ที่อนุญาตให้ ClickToSelect: จริง, // การคลิกเพื่อเลือกความสูงของแถว: 500, // ความสูงของสาย CardView: FALSE, // การดูรายละเอียดรายละเอียดรายละเอียด: FALSE, // ทำคอลัมน์พาเรนต์และลูก: [{// ฟิลด์: 'deptid', // ฟิลด์: 'deptid', ช่องทำเครื่องหมาย: จริง}, {ฟิลด์: 'deptname', ชื่อเรื่อง: 'ชื่อ' ''} (val) {return val == 'undefined' ||!ด้านบนเป็นวิธีการแก้ปัญหาการเพจ Table Bootstrap และค้นหาปัญหาอีกครั้งหลังจากแนะนำตาราง bootstrap ให้คุณ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!