Solve the problem of extjs grid not adapting to the change of window size

Home

Web Front-end

JS Tutorial

Solve the problem of extjs grid not adapting to the change of window size_extjs

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 05:02 PM

gridadaptive size

I recently encountered a problem. When using the grid, the window changed but the grid could not change adaptively. So I added this line of statement
The problem was solved. The rendering

Drag to enlarge The final effect

Added statement:

Copy code The code is as follows:

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

See the complete code;

Copy code The code is as follows:

grid

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

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

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

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

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

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

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

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

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

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

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

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

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

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

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

HTML教程：如何使用Grid布局进行栅格网格项布局Oct 21, 2023 am 11:54 AM

HTML教程：如何使用Grid布局进行栅格网格项布局，需要具体代码示例引言：在Web开发中，布局是一个至关重要的方面。而Grid布局是一种非常强大和灵活的方式，用于创建栅格网格项布局。本文将介绍如何使用Grid布局来构建网页布局，并提供一些具体的代码示例，帮助你更好地理解和应用Grid布局。第一部分：Grid布局简介Grid布局是CSS的一项新特性，旨在提供

See all articles