عند استخدام مكون Gridpanel من ExtJs ، يتم ترشيح بيانات Stroe في Gridpanel غالبًا ، وبالتالي فإن شريط التمرير الذي جلبه Gridpanel نفسه غير صالح في بعض الأحيان.
خذ مثالاً. يحتوي شريط التمرير الذي يأتي مع ExtJS Gridpanel على عرض عمود ثابت لوضع شريط التمرير ، كما هو موضح في الشكل أعلاه. لذلك عندما يفشل شريط التمرير هذا ، بغض النظر عن كيفية سحب شريط التمرير ، فإن البيانات الموجودة في الشبكة لن تعرض البيانات في المنطقة المقابلة مع تحرك شريط التمرير (بمعنى آخر ، البيانات التي تراها دائمًا هي السجلات في لقطة الشاشة).
أما لماذا فشل Gridpanel؟ ليس من الواضح ما الذي لم يكن السبب بعد. في السابق ، واجه الأشخاص مشاكل مماثلة في منتدى ExtJS و Stackoverflow ، ولكن قد تكون الإصدارات على حد سواء قبل 4.1. قال فريق Dev 'ExtJS أنهم قاموا بإصلاح هذه المشكلة منذ 4.1 (لست متأكدًا ، آمل أن أستخدم إصدار 4.1 من أحذية الأطفال للحجة).
حسنًا ، دعنا نتحدث عن كيفية حل فشل شريط التمرير.
Xtype: 'Gridpanel' ، // autoscroll: true ، scroll: false ، viewConfig: {style: {overflow: 'auto' ، overflowx: 'Hidden'}}يمكنك أن ترى أن خاصية AutoScroll معطلة ، ويتم تعيين التمرير على خطأ ، ثم يتم تعيين ViewConfig. هنا ، يتم تعطيل شريط التمرير الأفقي ، تاركًا فقط شريط التمرير العمودي. حسنًا ، تم حل المشكلة ، انظر التأثير:
في هذا الوقت ، ستجد أن شريط التمرير ليس له عمود متأصل ، ولكن يتم دمجه مع العمود الأخير من الشبكة. يتم تعطيل شريط التمرير الذي يأتي مع Gridpanel.
تم حل هذا الخطأ المحتمل أيضًا.
ومع ذلك ، فإن هذا الاستخدام هو الأفضل لضبط جميع الأعمدة في الشبكة على عرض ثابت وتعيين الخصائص:
قابلة للتشكيل: خطأ
هذا يمكن أن يتجنب بعض المشاكل غير الضرورية الناجمة عن تعطيل قضبان التمرير الأفقية.