Ext3.2.2 表格隨視窗改變動態適應窗體大小
阿新 • • 發佈:2019-02-12
首先是要有個表格物件
var grid = new Ext.grid.GridPanel({ bodyStyle:'width:100%', store: store, columns: columns, stripeRows: true, autoScroll:true, height:document.body.clientHeight-Ext.get('gridarea').getTop(), viewConfig:{ forceFit: false, sortAscText: "升序排序", sortDescText: "降序排序", columnsText:'顯示列' }, bbar:new Ext.PagingToolbar({ store: store })
然後是監聽窗體大小
//視窗大小改變觸發
window.onresize=function(){
grid.setWidth(document.body.clientWidth);
grid.setHeight(document.body.clientHeight-Ext.get('gridarea').getTop());
}