بادئ ذي بدء ، أود أن أشكر المؤلف على فرز الأسئلة التفصيلية حول ترقيم طاولة Bootstrap ومشاركتها معك. آمل أن تساعدك هذه المقالة في حل المشكلات المختلفة في ترقيم طاولة الجدول. شكرا لك على قراءتك.
السؤال 1: لا يمكن أن يحصل الخادم على قيمة النموذج ، لا توجد مشكلة في QueryString ، لكن الطلب. لا يمكن أن يحصل على القيمة
الحل: هذه مشكلة مع Ajax ، يستخدم الكود الأصلي Ajax الأصلي. يمكن حل 1 عن طريق قراءة ملفات الدفق. 2 إذا كنت ترغب في استخدام طريقة request.form ، قم بتعيين ContentType: "Application/X-WWW-Form-urlencoded" ،
يحب
$ ('#tablelist'). bootstraptable ({method: 'post' ، url: "" ، height: $ (window) .Height ()-200 ، striped: true ، datatype: "json"السؤال 2: اضبط المعلمات التي تم تمريرها إلى الخادم
طريقة:
وظيفة queryparams (params) {return {pagesize: params.limit ، pagenumber: params.pagenumber ، اسم المستخدم: 4} ؛} $ ('#tablelist'). QueryParams ،السؤال 3: لا يمكن استرداد المعلومات في الخلفية
يحل:
1. قم بتعيينه في QueryParams
2. في ملف bootstrap-table.minjs ، قم بتعديل الملف المصدر إلى "limit" === this.options.queryparamstype && (
تعديل bootstrap table.js على ما يرام أيضًا
if (this.options.queryparamstype === 'limit') {params = {search: params.SearchText ، sube: params.sortName ، order: params.sortorder} ؛ if (this.options.pagination) {params.limit = this.options.pagesizeize ؛ (this.options.pagenumber - 1) ؛}}تكوين "QueryParamStype": "LIMIT" ،
جميع:
<script type = "text/javaScript"> $ (document) .Ready (function () {$ ('#tablelist'). bootstraptable ({method: 'post' ، url: false ، contentType: "Application/x-www-form-urlencoded" ، pagesize: 10 ، pagenumber: 1 ، search: false ، // لا تعرض showcolumns مربع البحث: false ، // لا تعرض المربع المنسد (حدد العمود المعروض): ResponseHandler ، الأعمدة: [{field: 'companyid' ، checkbox: true} ، {field: 'qq' ، title: 'qq' ، width: 100 ، align: 'center' ، valign: 'middle' ، false} ، {field: 'CompanyName' ، title '، width: 100 ، align:' center '، ResponseHandler (res) {if (res.isok) {var result = b64.decode (res.ResultValue) ؛ var resulttr = $ .parsejson (res) ؛ return {"Rows": ResultStr.Items ، "Total": Resulttr.Totalitems} ؛ QueryParams (params) {return {pagesize: params.limit ، pagenumber: params.pagenumber ، username: 4} ؛} </script>السؤال 4: إعادة البحث بعد الترحيل
المتطلب السابق: وظائف البحث والترحيل المخصص ، مثل وظيفة البحث عن أسماء المنتجات.
الظاهرة: عند البحث عن دمى قابلة للنفخ ، إرجاع 100 سجل وانتقل إلى الصفحة 5. في هذا الوقت ، ابحث عن عصي التدليك ، وهناك 200 بيانات ، ويجب أن تكون النتيجة هي السجل في الصفحة الأولى ، ولكن العرض الفعلي هو النتيجة في الصفحة الخامسة. هذا هو ، بعد البحث مرة أخرى ، لم يتغير الوثمان.
الحل: فقط أعد ضبط الخيار.
وظيفة البحث () {$ ('#tablelist'). bootstraptable ({pagenumber: 1 ، pagesize: 10}) ؛}إذا كنت لا تزال ترغب في الدراسة بعمق ، فيمكنك النقر هنا لدراسة وإرفاق 3 مواضيع مثيرة لك:
Bootstrap التعلم البرنامج التعليمي
Bootstrap البرنامج التعليمي العملي
تعليمي استخدام جدول التمهيد
تعليمي استخدام المكونات الإضافية Bootstrap
ما سبق هو كل شيء عن هذا المقال ، آمل أن يكون مفيدًا لتعلم الجميع.