Bootstrap SelectPicker

Tandai masalah kecil yang dihadapi dengan menggunakan bootstrap selectpicker, dan gunakan sebagai waktu berikutnya Anda memeriksa kesalahan

 $ ('. SelectPicker'). SelectPicker ('val', 'musstard'); // single-select $ ('. SelectPicker'). SelectPicker ('val', ['musstard', 'nikmati']); // Multiple-Select $ ('. SelectPicker'). SelectPicker ('Refresh'); dapat menyegarkan tampilan

Tandai pertanyaan: set val harus berupa nilai nilai dalam opsi, dan jika nama digunakan, mengapa tidak berlaku?

PS: Pilih Keindahan (Bootstrap)

File yang perlu diperkenalkan:

bootstrap-combined.min.css

bootstrap-select.css

bootstrap-select.js

Serta beberapa file bootstarp yang umum digunakan seperti bootstrap.min.js

menyelesaikan:

1. Tambahkan kelas atau ID di tag <Colly>. Disarankan untuk menambahkan kelas karena kelas dapat diulang;

2. Tambahkan metode inisialisasi ke file JS:

 initfnc: function () {$ (". SelectPicker"). SelectPicker ({noneselectedText: 'silakan pilih'});}

Memanggil metode ini selama inisialisasi eksternal OK!

Gambar di bawah ini dipercantik: tidak terlalu bagus, tapi saya pikir itu jauh lebih baik dari sebelumnya!

Namun, ada beberapa masalah dengan plugin kecantikan ini:

Sebenarnya, tidak banyak, tapi saya pikir masalah ini sangat rumit. Setelah menggunakan metode ini untuk mempercantiknya, <CILECT> yang ditugaskan secara dinamis akan ditampilkan. Saya pikir itu harus seperti ini: bootstrap-select.js menampilkan <pect> tanpa opsi 'silakan masukkan', sehingga opsi yang ditugaskan secara dinamis tidak dapat ditulis! Jika noneselectedText: 'Harap pilih' dapat diperbaiki, maka masalah ini harus diselesaikan!

Setelah beberapa jam penelitian, masalah itu ditemukan, tetapi hanya satu dari mereka yang diselesaikan;

Saat menelepon di JS, Anda harus menunggu sampai opsi di SELECT di permukaan dimuat sebelum menelepon

 initfnc: function () {$ (". SelectPicker"). SelectPicker ({noneselectedText: 'silakan pilih'});}

Dengan cara ini, penugasan pilih yang dinamis juga dapat mempercantik, tetapi masih ada masalah: tidak setiap pilih pada halaman dapat dimuat semua ketika halaman diinisialisasi. Misalnya, sekarang ada dua opsi terpilih tertaut, yaitu opsi pilihan kedua perlu diubah sesuai dengan yang pertama, dan tambahkan pemantauan Onchange atau perubahan dalam JS; Jika mempercantik dengan cara ini, akan ada masalah!

Di atas adalah pengetahuan yang relevan tentang bootstrap selectpicker yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!