تشترك هذه المقالة في مشكلة ترقيم طاولة 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 && (e = {limit: epagesize ، pagenumber:
تعديل 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}) ؛}إذا كنت لا تزال ترغب في التعلم بعمق ، فيمكنك النقر هنا للتعلم وإرفاق موضوعين مثيرين لك: Bootstrap التعلم التعليمي التعليمي التعليمي العملي
ما سبق هو كل شيء عن هذا المقال ، آمل أن يكون مفيدًا لتعلم الجميع.