Heim Web-Frontend js-Tutorial Grid得到选择行数据的方法总结_javascript技巧

Grid得到选择行数据的方法总结_javascript技巧

May 16, 2016 pm 06:11 PM
grid

复制代码 代码如下:

grid.getStore().getRange(0,store.getCount()); //得到grid所有的行


复制代码 代码如下:

grid.getSelectionModel().getSelections(); //得到选择所有行
//注:如果不声明var sm = new Ext.grid.CheckboxSelectionModel();则会报此句没有该对象或属性
Var selectRows = grid.getSelectionModel().getSelections();
selectRows[0].get(“gird中某列的dataIndex属性值”) //取选中行记录的某列的值


复制代码 代码如下:

grid.selModel.selections.items; //得到选择所有行


复制代码 代码如下:

grid.getSelectionModel().getSelected(); //得到选择行的第一行


复制代码 代码如下:

// 单击gird中某一行时取得该行的数据
proLevelGrid.on('rowclick', function(proLevelGrid,rowIndex,event){
var record = proLevelGrid.getStore().getAt(rowIndex);
addProductLevel_form.getForm().loadRecord(record);
alert(record.get('id'));
});


复制代码 代码如下:

var grid1_RowClick = function(a,b,c){
// 获取列某一特定列的数据
var id = a.getStore().getAt(b).get("Id");
}
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

Interpretation der CSS-Tabellenlayouteigenschaften: Tabelle und Anzeige Interpretation der CSS-Tabellenlayouteigenschaften: Tabelle und Anzeige Oct 21, 2023 am 11:47 AM

Interpretation von CSS-Tabellenlayoutattributen: Tabelle und Anzeige In der Frontend-Entwicklung ist das Tabellenlayout eine häufig verwendete Layoutmethode. CSS bietet einige Eigenschaften für das Tabellenlayout, von denen die Tabellen- und Anzeigeeigenschaften am häufigsten verwendet werden. Diese beiden Eigenschaften werden im Folgenden ausführlich erläutert und spezifische Codebeispiele gegeben. 1. Das Tabellenattribut Tabelle ist ein Attribut, das in CSS verwendet wird, um Elemente auf ein Tabellenlayout festzulegen. Indem Sie das Anzeigeattribut des Elements auf Tabelle setzen, können Sie das Layout des Elements ändern.

See all articles