Saat menggunakan komponen gridpanel dari EXTJS, data Stroe di gridpanel sering disaring, sehingga scrollbar yang dibawa oleh gridpanel itu sendiri kadang -kadang tidak valid.
Ambil contoh. Scrollbar yang dilengkapi dengan EXTJS gridpanel memiliki lebar kolom tetap untuk menempatkan scrollbar, seperti yang ditunjukkan pada gambar di atas. Jadi, ketika scrollbar ini gagal, tidak peduli bagaimana Anda menyeret scrollbar, data di kisi tidak akan pernah menampilkan data di area yang sesuai saat scrollbar bergerak (dengan kata lain, data yang selalu Anda lihat adalah catatan di tangkapan layar).
Adapun mengapa gridpanel gagal? Tidak jelas apa alasannya. Sebelumnya, orang mengalami masalah serupa di Forum EXTJS dan StackOverflow, tetapi versinya mungkin keduanya sebelum 4.1. Tim dev Extjs mengatakan bahwa mereka telah memperbaiki masalah ini sejak 4.1 (tidak yakin, saya berharap untuk menggunakan versi 4.1 dari sepatu anak -anak untuk argumen).
Oke, mari kita bicara tentang cara menyelesaikan kegagalan scrollbar.
xtype: 'gridpanel', // autoscroll: true, gulir: false, viewconfig: {style: {overflow: 'auto', overflowx: 'hidden'}}Anda dapat melihat bahwa properti autoscroll dinonaktifkan, dan gulungan diatur ke false, dan kemudian viewConfig diatur. Di sini, bilah gulir horizontal dinonaktifkan, hanya menyisakan bilah gulir vertikal. Ok masalah terpecahkan, lihat efeknya:
Pada saat ini, Anda akan menemukan bahwa scrollbar tidak memiliki kolom yang melekat, tetapi digabungkan dengan kolom kisi terakhir. Scrollbar yang dilengkapi dengan gridpanel dinonaktifkan.
Bug potensial ini juga terpecahkan.
Namun, penggunaan ini adalah yang terbaik untuk mengatur semua kolom di kisi ke lebar tetap dan mengatur properti:
dapat diatur ulang: Salah
Ini dapat menghindari beberapa masalah yang tidak perlu yang disebabkan oleh menonaktifkan bilah gulir horizontal.