Heim Web-Frontend js-Tutorial 解决extjs grid 不随窗口大小自适应的改变问题_extjs

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

May 16, 2016 pm 05:02 PM
grid adaptive Größe

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

拖大后的效果

添加的语句:

复制代码 代码如下:

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

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




grid



Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Führen Sie Sie Schritt für Schritt durch die Implementierung von 3D-Würfeln mit CSS Flex und Grid-Layout (mit Code) Führen Sie Sie Schritt für Schritt durch die Implementierung von 3D-Würfeln mit CSS Flex und Grid-Layout (mit Code) Sep 23, 2022 am 09:58 AM

In Front-End-Interviews werden wir oft gefragt, wie man Würfel-/Mahjong-Layout mit CSS implementiert. Im folgenden Artikel erfahren Sie, wie Sie mit CSS einen 3D-Würfel erstellen (Flex- und Grid-Layout implementieren 3D-Würfel).

Erfahren Sie mehr über fünf häufig verwendete CSS-Layout-Frameworks Erfahren Sie mehr über fünf häufig verwendete CSS-Layout-Frameworks Jan 16, 2024 am 09:20 AM

CSS-Layout-Framework: Entdecken Sie die fünf häufig verwendeten Layout-Frameworks. Einführung: Im Webdesign ist das Layout ein entscheidender Teil. Das CSS-Layout-Framework kann uns dabei helfen, schnell Webseiten mit unterschiedlichen Layoutstilen zu erstellen. In diesem Artikel werden fünf häufig verwendete CSS-Layout-Frameworks vorgestellt und spezifische Codebeispiele bereitgestellt, um den Lesern zu helfen, diese Frameworks besser zu verstehen und zu verwenden. 1. Bootstrap: Bootstrap ist derzeit eines der beliebtesten CSS-Layout-Frameworks. Es verfügt über umfangreiche Komponenten und leistungsstarke, reaktionsfähige Funktionen, die dies ermöglichen

Detaillierte Erläuterung der relativen CSS-Layouteigenschaften: Position und Relativ Detaillierte Erläuterung der relativen CSS-Layouteigenschaften: Position und Relativ Oct 26, 2023 am 10:01 AM

Ausführliche Erläuterung der relativen CSS-Layouteigenschaften: Position und Relative. In der Frontend-Entwicklung ist das Layout häufig ein Problem, mit dem sich Entwickler auseinandersetzen müssen. Um die Position von Elementen auf der Seite besser steuern zu können, bietet CSS verschiedene Layoutmethoden. Unter diesen ist das relative Layout eine sehr verbreitete Layoutmethode. Mithilfe der Positions- und Relativattribute können wir die Position und Größe von Elementen flexibel anpassen. Das Positionsattribut wird verwendet, um die Positionierungsmethode des Elements zu definieren

Eigenschaften des CSS-Panel-Layouts: Raster und Rastervorlagenspalten Eigenschaften des CSS-Panel-Layouts: Raster und Rastervorlagenspalten Oct 25, 2023 am 08:15 AM

Eigenschaften des CSS-Panel-Layouts: Raster und Grid-Template-Columns Im modernen Webseiten-Layout ist das Panel-Layout eine gängige Designmethode, mit der Webinhalte in einem Raster angeordnet werden können. Das Grid-Layout-Attribut in CSS und das Grid-Template-Columns-Attribut sind die Schlüssel zur Realisierung des Panel-Layouts. 1. Einführung in das Rasterlayout-Attribut Das Rasterlayout-Attribut ist ein Attribut, das zum Erstellen eines Rasterlayouts in CSS durch Konvertieren von HTML verwendet wird

UniApp-Implementierungstechniken für Seitenlayout und responsives Design UniApp-Implementierungstechniken für Seitenlayout und responsives Design Jul 05, 2023 pm 01:57 PM

Die Implementierungsfähigkeiten von UniApp zur Implementierung von Seitenlayout und responsivem Design. Einführung: UniApp ist ein plattformübergreifendes Entwicklungstool, das auf dem Vue.js-Framework basiert und gleichzeitig Anwendungen für mehrere Plattformen wie iOS, Android und H5 entwickeln kann. In diesem Artikel wird erläutert, wie Sie UniApp zum Implementieren von Seitenlayout und responsivem Design verwenden, und einige praktische Codebeispiele bereitstellen. 1. Seitenlayout Flex-Layout Flex-Layout ist eine häufig verwendete Methode im Seitenlayout, die sich automatisch an verschiedene Bildschirmgrößen und Geräte anpassen kann. In UniApp

Tipps zur Optimierung von CSS-Adaptive-Layout-Eigenschaften: Flex und Grid Tipps zur Optimierung von CSS-Adaptive-Layout-Eigenschaften: Flex und Grid Oct 21, 2023 am 08:03 AM

Tipps zur Optimierung von CSS-Attributen für adaptive Layouts: Flex und Grid In der modernen Webentwicklung ist die Implementierung eines adaptiven Layouts eine sehr wichtige Aufgabe. Angesichts der Beliebtheit mobiler Geräte und der Diversifizierung der Bildschirmgrößen ist es eine wesentliche Voraussetzung, sicherzustellen, dass die Website auf verschiedenen Geräten gut angezeigt werden kann und sich an unterschiedliche Bildschirmgrößen anpasst. Glücklicherweise bietet CSS einige leistungsstarke Eigenschaften und Techniken zur Implementierung eines adaptiven Layouts. Dieser Artikel konzentriert sich auf zwei häufig verwendete Eigenschaften: Flex und Grid und stellt spezifische Codebeispiele bereit.

HTML-Tutorial: So verwenden Sie das Rasterlayout für das durchschnittliche Rasterlayout HTML-Tutorial: So verwenden Sie das Rasterlayout für das durchschnittliche Rasterlayout Oct 19, 2023 am 10:49 AM

HTML-Tutorial: So verwenden Sie das Rasterlayout für das durchschnittliche Rasterlayout Im Webdesign ist das Rasterlayout (GridLayout) eine häufig verwendete Layoutmethode. Es kann Webinhalte effektiv in mehrere Spalten unterteilen und eine flexible Anordnung und Gestaltung ermöglichen. In diesem Tutorial wird erläutert, wie Sie mithilfe des HTML- und CSS-Rasterlayouts ein durchschnittliches Rasterlayout implementieren, und es werden spezifische Codebeispiele bereitgestellt. 1. Was ist ein Rasterlayout? Das Rasterlayout ist eine Layoutmethode, die die Seite in Spalten unterteilt. Diese Spalten können nach Zeilen und angeordnet werden

So erreichen Sie eine adaptive Größenänderung von responsiven Bildern mithilfe von CSS So erreichen Sie eine adaptive Größenänderung von responsiven Bildern mithilfe von CSS Oct 19, 2023 am 09:01 AM

Wie man mit CSS eine adaptive Größe von responsiven Bildern erreicht Im modernen Webdesign ist responsives Design zu einem unverzichtbaren Bestandteil geworden. Besonders wichtig sind Weblayouts und Elemente, die sich automatisch an unterschiedliche Geräte und Bildschirmgrößen anpassen und anpassen. Beim Responsive Design ist auch die adaptive Größe von Bildern ein wichtiger Gesichtspunkt. In diesem Artikel wird erläutert, wie Sie mithilfe von CSS eine adaptive Größe von Bildern erreichen, und es werden spezifische Codebeispiele bereitgestellt. Verwenden Sie max-width: Sie können m zum CSS-Stil des Bildes hinzufügen

See all articles