selectize.js

Selectize.js

Selectize adalah custom-custom-custom yang dapat diperluas <select> ; Kontrol UI. Ini berguna untuk penandaan, daftar kontak, pemilih negara, dan sebagainya. Tujuannya adalah untuk memberikan pengalaman yang solid & dapat digunakan dengan API yang bersih dan kuat.

• Demo
• Changelog
• Dokumentasi

Fitur

• Opsi pencarian / peringkat opsi pintar dicetak secara efisien dan diurutkan secara langsung (menggunakan Sifter). Ingin mencari judul dan deskripsi item? Tidak masalah.
• Kadang -kadang mengarahkan barang -barang. Pesanan penting. Gunakan tombol ← dan → panah untuk bergerak di antara item yang dipilih.
• Pilih & hapus beberapa item sekaligus tahan opsi pada Mac atau Ctrl pada windows untuk memilih lebih dari satu item untuk dihapus.
• Díåcritîçs mendukung lingkungan internasional.
• Pembuatan item memungkinkan pengguna untuk membuat item dengan cepat (penghematan async didukung; kontrol terkunci sampai panggilan balik ditembakkan).
• Pemuatan data jarak jauh ketika Anda memiliki ribuan opsi dan menginginkannya disediakan oleh server sebagai jenis pengguna.
• Bersihkan API & Antarmuka Kode dengan itu dan buat modifikasi dengan mudah. Permintaan tarik selalu diterima!
• Extensible Plugin API untuk mengembangkan fitur khusus (menggunakan microplugin).
• Dukungan sentuh bermain bagus dengan perangkat iOS 5+.

Dependensi

• jQuery (1.7 dan lebih besar), sebagai ketergantungan sebaya
  • CATATAN: Ini diinstal secara otomatis dalam pengembangan, atau dalam proyek menggunakan NPM 1 atau 2. Saat menggunakan NPM dari versi 3 ON, hanya peringatan yang dilemparkan dan pengguna perlu menginstal versi eksplisit secara manual dalam proyek mereka sendiri (misalnya npm install --save [email protected] ).

Opsional:

• JQuery-UI (diperlukan oleh plugin drag_drop )

Instalasi

Selectize dapat diinstal melalui NPM npm install @selectize/selectize

Menginstal secara manual

Semua file pra-dibangun yang diperlukan untuk menggunakan Selectize dapat ditemukan di folder "Dist".

Jika Anda ingin memulai dengan keributan minimal, sertakan selectize.min.js (bundel Sifter dan dependensi microplugin-juga tersedia untuk debugging, cukup hapus bagian .min ) dan css/selectize.default.css .

Selectize tersedia di CDNJS.

• JS/
  • selectize.js - dengan dependensi, minus jQuery
  • selectize.min.js - dengan dependensi, minus jQuery
• SCSS/ - File sumber Sass untuk kustomisasi (Bootstrap 3+ kompatibel)
• Kurang/ - lebih sedikit file sumber untuk kustomisasi (Bootstrap 2/3 kompatibel)
• CSS/
  • selectize.css - gaya inti
  • selectize.default.css - tema default (dengan gaya inti)
  • selectize.bootstrap2.css - tema bootstrap 2
  • selectize.bootstrap3.css - tema bootstrap 3
  • selectize.bootstrap4.css - tema bootstrap 4
  • selectize.bootstrap5.css - tema bootstrap 5

Penggunaan

 $ ( "select" ) . selectize ( options ) ;

Opsi yang tersedia didokumentasikan di sini.

Berkontribusi

Saat mengeluarkan permintaan tarik:

• Tolong jangan sertakan/ melakukan perubahan dalam folder dist/ atau lib/ untuk menghindari konflik penggabungan. Cara yang baik untuk memasukkan file yang tepat adalah dengan menggunakan git gui atau git add saat berkomitmen untuk memilih file yang ingin Anda tambahkan ke komit Anda.

• Harap sertakan tes dengan fitur Anda sehingga kami tidak tergoda untuk memecahkannya di masa depan!

Tambahkan entri ke bagian atas changelog, dan perbarui dokumentasi di docs/ sesuai kebutuhan. (Refaktor dan perubahan dokumentasi tidak memerlukan entri Changelog.)

Small Commits Anda bersama dalam satu atau beberapa komitmen logis yang lengkap, dengan pesan ringkas dan deskriptif. Satu komit berarti satu fitur/perbaikan bug/benda yang telah berubah, atau diff membawa kode satu langkah maju ke kondisi kerja yang lebih baik.

Setelah komit Anda bagus dan bersih, dan Anda ingin membuang perubahan lainnya , Anda dapat menggunakan git checkout . (Itu akan menghapus perubahan pada file yang dilacak) dan git clean [-i/--interactive] (untuk menghapus file yang tidak dilacak). Namun, berhati -hatilah dengan perintah -perintah itu, karena fungsinya adalah untuk menghapus hal -hal/perubahan.

Namun, berhati -hatilah untuk tidak menambahkan dist/ File dalam komit Anda, karena Grunt secara otomatis meregenerasi file dalam dist/ saat sumber diubah.

Tes

Harap pastikan semua tes lulus:

npm test # defaults to ChromHeadless
BROWSERS=Firefox npm test
BROWSERS=Firefox,Chrome npm test
BROWSERS=Firefox,Chrome,Safari npm test 

Lingkungan lokal

Untuk menjalankan seleksi secara lokal:

npm start

Anda kemudian dapat menjalankan contoh di https://loopback.website:4000/ .

Lisensi

Hak Cipta © 2013–2016 Brian Reavis & Kontributor
Hak Cipta © 2020-2022 Seleksi Tim & Kontributor

Berlisensi di bawah lisensi Apache, versi 2.0 ("lisensi"); Anda tidak boleh menggunakan file ini kecuali sesuai dengan lisensi. Anda dapat memperoleh salinan lisensi di: http://www.apache.org/licenses/license-2.0

Kecuali diharuskan oleh hukum yang berlaku atau disepakati secara tertulis, perangkat lunak yang didistribusikan di bawah lisensi didistribusikan berdasarkan "sebagaimana adanya", tanpa jaminan atau ketentuan dalam bentuk apa pun, baik tersurat maupun tersirat. Lihat lisensi untuk bahasa spesifik yang mengatur izin dan batasan di bawah lisensi.