extjs grid自适应大小

本文介绍了一种简单的方法来处理网格(Grid)布局随着浏览器窗口大小变化而自适应的问题。通过将Grid放置于Viewport组件中,并设置layout为'fit',可以避免手动计算窗口尺寸变化后Grid的宽高,实现自动调整。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

看网上一大堆解决方法,不少用事件处理方式一但窗口大小改变了就根据window去重新计算grid宽度高度,其实很简单的办法,grid外面加上Viewport就行了,比你自己算强多了

var grid= Ext.create('Ext.grid.Panel', {

    //width:   不需要定义宽度

   //height:   不需要定义高度

   //renderTo:也千万不要定义渲染对象

........

};

var viewport = Ext.create('Ext.Viewport', {
layout : 'fit',
items :grid
});

Viewport会自动根据屏幕改变大小,因为定义了layout:'fit',则其有包含的元素grid也会自动改变大小

另:有些人还通过计算窗口改变后的大小重新计算列的宽度,用上flex就行了呀,还废那么多事干嘛

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值