Penyelesaian kepada kegagalan bar skrol terbina dalam panel grid Extjs_extjs

Apabila saya menggunakan komponen gridPanel EXTJS sebelum ini, kerana data strob dalam gridPanel sering ditapis, kadangkala bar skrol gridPanel itu sendiri akan gagal.

Ambil contoh Bar skrol yang disertakan dengan gridPanel EXTJS mempunyai lebar lajur tetap untuk meletakkan bar skrol, seperti yang ditunjukkan dalam gambar di atas. Jadi apabila bar skrol gagal, tidak kira bagaimana anda menyeret bar skrol, data dalam grid tidak akan sekali-kali memaparkan data dalam kawasan yang sepadan apabila bar skrol bergerak (dengan kata lain, data yang anda akan sentiasa lihat adalah dalam tangkapan skrin) ini rekod).

Mengapakah panel grid gagal? Masih belum jelas apa puncanya. Sesetengah orang telah menghadapi masalah yang sama pada forum Extjs dan stackoverflow sebelum ini, tetapi versi mungkin sebelum 4.1 Pasukan pembangun Extjs mengatakan bahawa mereka telah menyelesaikan masalah ini sejak versi 4.1 (tidak pasti, saya harap saya telah menggunakan versi 4.1) Kanak-kanak. hujah kasut (di bawah hujah).

Baiklah, sekarang mari kita bincangkan tentang cara menyelesaikan masalah kegagalan bar skrol.

xtype: 'gridpanel',
// autoScroll:true,
scroll:false, 
viewConfig: {
style: { overflow: 'auto', overflowX: 'hidden' }
}

Seperti yang anda lihat, atribut autoScroll dilumpuhkan, tatal ditetapkan kepada palsu, dan kemudian viewConfig ditetapkan Di sini, bar tatal mendatar dilumpuhkan dan hanya bar tatal menegak dikekalkan. OK masalah selesai, lihat kesannya:

Pada masa ini, anda akan mendapati bahawa bar skrol tidak lagi mempunyai lajur sendiri, tetapi digabungkan dengan lajur terakhir grid Bar skrol yang disertakan dengan gridPanel dilumpuhkan dengan cara ini.

Pepijat yang berpotensi ini juga telah diselesaikan.

Tetapi untuk penggunaan ini, sebaiknya tetapkan lebar tetap untuk semua lajur dalam grid dan tetapkan atribut:

resizable:false

Ini boleh mengelakkan beberapa masalah yang tidak perlu yang disebabkan oleh melumpuhkan bar skrol mendatar.