Chỉnh sửa kích thước tự động của Gridpanel khi thay đổi kích thước cửa sổ

Question

Tôi đang sử dụng ví dụ về lưới mở rộng của lưới để thử và vừa với lưới ô vuông vào cửa sổ vùng chứa. Vấn đề là thay đổi kích thước cửa sổ container, gridpanel không tự động phù hợp với kích thước mới. Theo tôi hiểu đó là cách nó được cho là hoạt động.

Đây là liên kết để ví dụ: http://www.extjs.com/deploy/dev/examples/grid/array-grid.html

Những gì tôi đã làm được thay đổi như sau ..

// Added to gridpanel config 
layout: 'fit', 
viewConfig: { 
    forceFit: true 
} 

// Window container 
var gridWindow = new Ext.Window({ 
    items: [ 
     grid 
    ] 
}); 

// Instead of grid.render, use gridWindow.show(); 
gridWindow.show(); 

Answer 1

layout: 'fit', 

nên đi vào cấu hình gridWindow! Trình quản lý bố cục sắp xếp các con của bảng điều khiển, nhưng lưới là đứa trẻ.

Answer 2

Tôi đã giải quyết vấn đề này bằng cách gói bảng chữ cái của tôi vào Ext.Panel, với thuộc tính bố cục được đặt thành 'vừa'. Bảng lưới (với một viewConfig cũng chứa forceFit: 'true' bây giờ được thay đổi kích cỡ tự động khi cửa sổ được thay đổi kích cỡ

Answer 3

Tôi nghĩ rằng bạn cần phải sử dụng lớp EventManager Vui lòng đọc nó trong following blog

Answer 4

Tôi đang sử dụng. thực hiện giải pháp sau đây:

Ext.onReady(function() { 
    var grid = ... //define your grid here 

    Ext.EventManager.onWindowResize(function() { 
     grid.setSize(undefined, undefined); 
    }); 
}); 

ExtJS v4.0.7