Dalam pengembangan web, kita harus menemukan fungsi pencarian seperti Baidu dan Google. Jadi apa yang bisa dilakukan dengan penyelesaian otomatis dalam bentuk pintar? Mari kita ungkapkan di bawah ini:
1. Berisi pencarian sederhana seperti Google, Baidu, dll.
2. Dukungan untuk struktur yang kompleks, seperti memasukkan nomor produk, Anda perlu mengisi posisi tertentu dalam formulir rapat untuk nomor produk, nama produk, harga unit produk, catatan produk, dll.
Kode ini adalah sebagai berikut (alamat halaman: https://github.com/xiexingen/boottrap-smartform/blob/master/demo/form3-ele-autocomplete.html):
Penyelesaian otomatis
CATATAN: File JS perlu diperkenalkan: jQuery-ui.js, jquery.fn.extend.js
Setelah pembuatan formulir selesai, hubungi metode SmartSearch dengan menentukan elemen
Deskripsi Parameter:
URL: URL yang diminta
BefteSearch: Opsional, metode yang dipanggil sebelum mengirim permintaan. Metode ini memiliki data parameter yang berisi data yang akan dikirim. Jika Anda perlu menambahkan atau memodifikasi parameter yang akan dikirim, Anda dapat memodifikasi parameter lagi.
Formatitem: Opsional. Jika yang dikembalikan bukan string array sederhana, Anda harus menyesuaikan operasi untuk memformat konten yang ditampilkan pada antarmuka. Dalam contoh, nomor produk + nama produk ditampilkan.
Callback: Opsional. Jika string array yang dikembalikan bukan string array sederhana, Anda harus menyesuaikan operasi dan menggunakannya untuk menetapkan nilai
Catatan: Jika antarmuka mengembalikan array string sederhana, format dan panggilan balik dapat dihilangkan.
Berikut adalah tangkapan layar yang berjalan di proyek pengujian lokal saya:
Di atas adalah deskripsi lengkap dari Bootstrap Smart Form Practical Series (10) Dukungan komponen otomatis yang diperkenalkan oleh editor. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!