المتطلب السابق: وظائف البحث والترحيل المخصص ، مثل وظيفة البحث عن أسماء المنتجات.
الظاهرة: عند البحث عن دمى قابلة للنفخ ، إرجاع 100 سجل وانتقل إلى الصفحة 5. في هذا الوقت ، ابحث عن عصي التدليك ، وهناك 200 بيانات ، ويجب أن تكون النتيجة هي السجل في الصفحة الأولى ، ولكن العرض الفعلي هو النتيجة في الصفحة الخامسة. هذا هو ، بعد البحث مرة أخرى ، لم يتغير الوثمان.
وفقًا لمعظم القول عبر الإنترنت: فقط إعادة تعيين خيار
$ ('#tablelist'). bootstraptable ({pagenumber: 1 ، pagesize: 10}) ؛ما سبق لا يمكن حل هذه المشكلة.
الطريقة الصحيحة للقيام بذلك هي
$ ("#table"). bootstraptable ('تدمير') ؛ يجب تدمير الجدول أولاً ، وإلا سيتم الاحتفاظ بالمحتوى الذي تم تحميله أخيرًا
TableObj.otableInit () ؛ إعادة تكوين الجدول.
الرمز يشبه هذا:
<script type = "text/javaScript"> $ (function () {tableObj.otableInit () ؛ $ ("#btn_query"). click (function () {$ ("#tb_departments"). bootstraptable ('destrate') ؛ {$ .messager.alert ('tip' ، 'يرجى تحديد السجل المراد حذفه') ؛}) ؛ $ ("#btn_add"). انقر فوق (function () {var actionurl = "@url.action (" _ create ")" tableOtableInit: function () {$ ('#tb_departments'). bootstraptable ({url: '/department/getDepartment' ، الافتراضي هو صحيح ، لذلك بشكل عام ، تحتاج إلى تعيين هذه الخاصية (*) تراجع: صحيح ، // هل عرض الصفحة (*) قابل للفرز: false ، // هل تمكين sortorder: "ASC" ، // طريقة الفرز // QueryParams: tableObj.queryparams (هذا) ، // تمرير المعلمات (*) Queryparams: function (params) this.pagenumber ، pagedsize: this.pagesize ، deptname: $ ("#txt_search_departmentname"). val () ،} ؛} ، sidepagination: (*) Pagelist: [5 ، 10 ، 25 ، 50 ، 100] ، // عدد الصفوف لكل صفحة لتحديد (*) البحث: false ، // ما إذا كنت لأتمكن من الأعمدة المسموح بها ClickToSelect: // هل النقر لتحديد ارتفاع الصف: 500 ، ارتفاع السطر. false ، // هل العرض التفصيلي عرض التفاصيل: false ، // هل أعمدة الأصل والطفل: [{// الحقل: 'Deptid' ، // الحقل: 'Deptid' ، checkbox: true} ، {field: 'deptname' ، title: "اسم القسم '، {return val == 'undefined' ||! val؟ما سبق هو الحل لترحيل جدول bootstrap وإعادة البحث عن المشكلة بعد تقديم جدول bootstrap لك. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!