เมื่อใช้ส่วนประกอบ gridpanel ของ extjs ข้อมูล stroe ใน gridpanel มักจะถูกกรองดังนั้นแถบม้วนที่นำโดย gridpanel นั้นบางครั้งก็ไม่ถูกต้อง
ยกตัวอย่าง แถบเลื่อนที่มาพร้อมกับ extjs gridpanel มีความกว้างของคอลัมน์คงที่เพื่อวางแถบเลื่อนดังแสดงในรูปด้านบน ดังนั้นเมื่อแถบเลื่อนนี้ล้มเหลวไม่ว่าคุณจะลากแถบเลื่อนข้อมูลในกริดจะไม่แสดงข้อมูลในพื้นที่ที่สอดคล้องกันเมื่อแถบเลื่อนเคลื่อนที่ (กล่าวอีกนัยหนึ่งข้อมูลที่คุณเห็นคือบันทึกในภาพหน้าจอ)
ทำไม Gridpanel ถึงล้มเหลว? ยังไม่ชัดเจนว่าเหตุผลที่ยังไม่เป็นอย่างไร ก่อนหน้านี้ผู้คนพบปัญหาที่คล้ายกันในฟอรัม EXTJS และ StackOverFlow แต่เวอร์ชันอาจเป็นทั้งคู่ก่อน 4.1 ทีม Dev ของ Extjs กล่าวว่าพวกเขาได้แก้ไขปัญหานี้มาแล้วตั้งแต่ 4.1 (ไม่แน่ใจว่าฉันหวังว่าจะใช้รองเท้าเด็กรุ่น 4.1 สำหรับการโต้แย้ง)
โอเคมาพูดถึงวิธีแก้ปัญหาความล้มเหลวของแถบเลื่อน
xtype: 'gridpanel', // autoscroll: จริง, สกรอลล์: false, viewConfig: {style: {overflow: 'auto', overflowx: 'hidden'}}คุณจะเห็นว่าคุณสมบัติ AutoScroll ถูกปิดใช้งานและ Scroll ถูกตั้งค่าเป็น FALSE จากนั้นตั้งค่า ViewConfig ที่นี่แถบเลื่อนแนวนอนถูกปิดใช้งานโดยเหลือเพียงแถบเลื่อนแนวตั้ง ตกลงแก้ไขปัญหาดูเอฟเฟกต์:
ในเวลานี้คุณจะพบว่าแถบเลื่อนไม่มีคอลัมน์โดยธรรมชาติ แต่ถูกรวมเข้ากับคอลัมน์สุดท้ายของกริด แถบเลื่อนที่มาพร้อมกับ gridpanel ถูกปิดใช้งาน
ข้อผิดพลาดที่อาจเกิดขึ้นนี้ได้รับการแก้ไขเช่นกัน
อย่างไรก็ตามการใช้งานนี้ดีที่สุดในการตั้งค่าคอลัมน์ทั้งหมดในกริดเป็นความกว้างคงที่และคุณสมบัติที่ตั้งไว้:
ปรับขนาดได้: เท็จ
สิ่งนี้สามารถหลีกเลี่ยงปัญหาที่ไม่จำเป็นบางอย่างที่เกิดจากการปิดใช้งานแถบเลื่อนแนวนอน