首页 web前端 js教程 解决extjs grid 不随窗口大小自适应的改变问题_extjs

解决extjs grid 不随窗口大小自适应的改变问题_extjs

May 16, 2016 pm 05:02 PM
grid 自适应大小

最近遇到的问题,在使用grid的时候窗口改变了但是grid却不能自适应的改变于是加了一条这行语句
问题就解决了,效果图

拖大后的效果

添加的语句:

复制代码 代码如下:

Ext.EventManager.onWindowResize(function(){
grid1.getView().refresh()
})

参看完整代码;
复制代码 代码如下:




grid



本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

手把手带你使用CSS Flex和Grid布局实现3D骰子(附代码) 手把手带你使用CSS Flex和Grid布局实现3D骰子(附代码) Sep 23, 2022 am 09:58 AM

在前端面试中,经常会问到如何使用 CSS 实现骰子/麻将布局。下面本篇文章给大家介绍一下用CSS 创建一个 3D 骰子(Flex和Grid布局实现3D骰子)的方法,希望对大家有所帮助!

了解五个常用的CSS布局框架 了解五个常用的CSS布局框架 Jan 16, 2024 am 09:20 AM

CSS布局框架:探索常用的五大布局框架引言:在网页设计中,布局是至关重要的一环。而CSS布局框架可以帮助我们快速地搭建出具有不同布局风格的网页。本文将介绍其中的五个常用的CSS布局框架,并提供具体的代码示例,以帮助读者更好地理解和使用这些框架。一、Bootstrap:Bootstrap是目前最流行的CSS布局框架之一。它拥有丰富的组件和强大的响应式功能,可以

CSS 相对布局属性详解:position 和 relative CSS 相对布局属性详解:position 和 relative Oct 26, 2023 am 10:01 AM

CSS相对布局属性详解:position和relative在前端开发中,布局常常是开发者需要面对的问题,为了更好地控制元素在页面中的位置,CSS提供了多种布局方式。其中,相对布局是一种非常常用的布局方式,通过使用position和relative属性,我们能够灵活地调整元素的位置和大小。position属性用来定义元素的定位方式,常见的取值

UniApp实现页面布局与响应式设计的实现技巧 UniApp实现页面布局与响应式设计的实现技巧 Jul 05, 2023 pm 01:57 PM

UniApp实现页面布局与响应式设计的实现技巧导语:UniApp是一个基于Vue.js框架的跨平台开发工具,能够同时开发iOS、Android、H5等多个平台的应用。本文将介绍如何利用UniApp实现页面布局和响应式设计,并提供一些实用的代码示例。一、页面布局Flex布局Flex布局是页面布局中常用的一种方式,它能够自动适应不同屏幕大小和设备。在UniApp

CSS 面板布局属性:grid 和 grid-template-columns CSS 面板布局属性:grid 和 grid-template-columns Oct 25, 2023 am 08:15 AM

CSS面板布局属性:grid和grid-template-columns在现代网页布局中,面板布局是一种常见的设计方式,能够将网页内容以网格的形式进行排列。而CSS中的grid布局属性以及其中的grid-template-columns属性,则是实现面板布局的关键。一、grid布局属性简介grid布局属性是CSS中用于创建网格布局的属性,通过将HTML

CSS 自适应布局属性优化技巧:flex 和 grid CSS 自适应布局属性优化技巧:flex 和 grid Oct 21, 2023 am 08:03 AM

CSS自适应布局属性优化技巧:flex和grid在现代Web开发中,实现自适应布局是一项非常重要的任务。随着移动设备的普及和屏幕尺寸的多样化,确保网站在各种设备上都能良好地展示,适应不同的屏幕尺寸,是一个必不可少的要求。幸运的是,CSS提供了一些强大的属性和技巧来实现自适应布局。本文将重点介绍两个常用的属性:flex和grid,并提供具体的代码示例

HTML教程:如何使用Grid布局进行栅格平均布局 HTML教程:如何使用Grid布局进行栅格平均布局 Oct 19, 2023 am 10:49 AM

HTML教程:如何使用Grid布局进行栅格平均布局在网页设计中,栅格布局(GridLayout)是一种常用的布局方式,它可以有效地将网页内容划分为多个栏目,并进行灵活的排列和布局。本教程将介绍如何使用HTML和CSS的Grid布局来实现栅格平均布局,并提供具体的代码示例。一、什么是栅格布局?栅格布局是一种将页面划分为多个栏目的布局方式,这些栏目可以按照行和

如何通过CSS实现响应式图像的自适应大小 如何通过CSS实现响应式图像的自适应大小 Oct 19, 2023 am 09:01 AM

如何通过CSS实现响应式图像的自适应大小在现代的Web设计中,响应式设计已经成为了必不可少的一部分。在不同的设备和屏幕尺寸上能够自动调整和适应的网页布局和元素显得尤为重要。而在响应式设计中,图像的自适应大小同样是一个重要的考虑因素。本文将介绍如何通过CSS来实现图像的自适应大小,并提供具体的代码示例。使用max-width:可以通过给图像的CSS样式添加m

See all articles