في تطوير الويب ، يجب أن نواجه وظائف بحث مثل Baidu و Google. إذن ما الذي يمكن فعله مع الانتهاء التلقائي في النماذج الذكية؟ لنكشف ذلك أدناه:
1. يحتوي على عمليات بحث بسيطة مثل Google و Baidu ، إلخ.
2. دعم الهياكل المعقدة ، مثل إدخال رقم المنتج ، تحتاج إلى ملء موضع معين في نموذج الاجتماع لرقم المنتج ، واسم المنتج ، وسعر وحدة المنتج ، وملاحظات المنتج ، إلخ.
الرمز كما يلي (عنوان الصفحة: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form3-elee-autocoplete.html):
الانتهاء التلقائي
ملاحظة: يجب تقديم ملفات JS: jquery-ui.js ، jquery.fn.extend.js
بعد اكتمال توليد النموذج ، اتصل بالطريقة SmartSearch من خلال تحديد العنصر
وصف المعلمة:
عنوان URL: عنوان URL المطلوب
Be Forforesearch: اختياري ، الطريقة التي تسمى قبل إرسال الطلب. تحتوي الطريقة على بيانات معلمة تحتوي على البيانات المراد إرسالها. إذا كنت بحاجة إلى إضافة أو تعديل المعلمات المراد إرسالها ، فيمكنك تعديل المعلمات مرة أخرى.
FormatItem: اختياري. إذا لم تكن الإرجاع سلسلة صفيف بسيطة ، فيجب عليك تخصيص العملية لتنسيق المحتوى المعروض على الواجهة. في المثال ، يتم عرض رقم المنتج + اسم المنتج.
رد الاتصال: اختياري. إذا لم تكن سلسلة الصفيف التي تم إرجاعها سلسلة صفيف بسيطة ، فيجب عليك تخصيص العملية واستخدامها لتعيين القيم
ملاحظة: إذا أدت الواجهة إلى إرجاع صفيف سلسلة بسيط ، فيمكن حذف FormatItEm وكراك.
فيما يلي لقطة شاشة للتشغيل في مشروع الاختبار المحلي الخاص بي:
ما ورد أعلاه هو الوصف الكامل لدعم المكون التلقائي للسلسلة التلقائية من سلسلة Bootstrap Smart Series (10). آمل أن يكون ذلك مفيدًا للجميع. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر على الجميع في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!