Bootstrap-multiselect: Pertunjukan
Ada beberapa masalah kinerja dengan bootstrap-multiselect ketika Anda memiliki banyak opsi.
Metode penyegaran misalnya yang perlu mencocokkan opsi dengan li dengan cara yang tidak efisien tetapi dengan cara yang sederhana.
Saya tidak punya solusi konkret pada jam Minggu larut ini, tetapi mari kita coba membahas beberapa solusi yang mungkin.
Salah satu caranya adalah dengan membangun struktur data internal sehingga kita tidak perlu memeriksa dom untuk setiap item sepanjang waktu yang memakan waktu.
Kita juga bisa melihat bagaimana selected atau select2 menangani kinerja.
Pikiran pertama saya adalah bahwa kita dapat menggunakan indeks yang diteruskan ke .each karena harus ada jumlah opsi yang sama dengan elemen li, kecuali yang ditambahkan oleh multiselect (pemfilteran), jika kita dapat menggunakan indeks, kita dapat meningkatkan kinerja awal dengan cepat ($('option', this.select)[index])
Terima kasih telah membuat bootstrap-multiselect!
andriijas
Semua 8 komentar
Temuan awal menunjukkan bahwa $foo.multiselect('rebuild') jauh lebih cepat daripada $foo('refresh') , mungkin untuk "select all" kita bisa mengganti opsi pilih dan kemudian membangun kembali dropdown untuk membuatnya lebih cepat?
andriijas
pada 19 Mei 2013
Ya dengan daftar opsi besar, kami tetap menjalankan masalah kinerja. Tetapi sebelum mengatasi masalah ini, kita harus membuat plugin sedikit lebih modular. Disebabkan oleh banyak kontribusi (jangan salah paham, kontribusi benar-benar hebat!) kompleksitas telah meningkat ke titik di mana memperluas plugin menjadi sangat sulit.
Jadi saya saat ini mencoba untuk mendapatkan struktur modular, dan saya akan mengusulkan membahas efisiensi dengan struktur baru.
davidstutz
pada 19 Mei 2013
Kedengarannya seperti pendekatan yang sah dan masuk akal! Terima kasih atas pembaruan Anda!
andriijas
pada 20 Mei 2013
mungkin kita akan menggunakan komponen ini untuk aplikasi web baru, tetapi mungkin kita akan memiliki daftar yang besar.
dari jumlah item mana Anda mendefinisikan daftar sebagai daftar besar?
jadi dari jumlah item mana kinerja mulai menjadi masalah?
100/1000/10000?
apa rencana untuk struktur baru?
terima kasih atas balasannya!
PaulMooij
pada 30 Jul 2013
Tanpa menggunakan opsi "pilih semua" kinerja seharusnya tidak menjadi masalah hingga 1000 opsi menurut saya (500 opsi masih berjalan relatif lancar, lihat demo 4. di sini: http://davidstutz.github.io/bootstrap-multiselect/ ). Tetapi karena Anda dapat mencoba sendiri, pilih semua opsi dengan 500 item terkadang membutuhkan waktu hingga 10 detik untuk menyelesaikannya. Ini benar-benar buruk dan Anda dapat memberikan saran bagaimana meningkatkan kinerja pada masalah ini. Mungkin Anda akan menemukan solusi yang lebih baik, saya menghargai segala jenis permintaan tarik.
Saya mulai hanya bereksperimen sedikit (saya tidak tahu apakah beta masih dalam rilis saat ini), tetapi karena ujian saya, saya tidak akan dapat melanjutkan ini saat ini. Saya berencana untuk melanjutkannya sekitar september, mungkin oktober, tapi saya tidak tahu berapa banyak waktu yang bisa saya investasikan. Selain itu masih ada banyak pekerjaan yang harus dilakukan untuk versi saat ini sebelum memulai dengan pendekatan "bersih".
davidstutz
pada 31 Jul 2013
Hai David, thanx atas jawabannya!
kita akan melihat ke dalamnya.
sukses dengan ujianmu
PaulMooij
pada 1 Agu 2013
192
davidstutz
pada 26 Nov 2013
Hai David
Saya menggunakan bootstrap multiselect dengan SelectAllOption .
ada 148 item daftar di dropdown.
itu bekerja sangat lambat.
Apakah Anda punya solusi untuk masalah ini.
PraveshShokeen
pada 29 Jan 2014
Masalah terkait
bartclaeys
·
3Komentar
naxxateux
·
5Komentar
petukhov-ds
·
6Komentar
rodrigonunes100
·
3Komentar
Jojoshua
·
8Komentar
Komentar yang paling membantu
Hai David
Saya menggunakan bootstrap multiselect dengan SelectAllOption .
ada 148 item daftar di dropdown.
itu bekerja sangat lambat.
Apakah Anda punya solusi untuk masalah ini.