Lassen Sie mich Ihnen sagen, was ext ist
Ext ist eine leistungsstarke JS-Klassenbibliothek, die zuvor auf Yahoo-UI basiert, aber jetzt ist sie völlig unabhängig und hauptsächlich Daten, Widget, Form, Grid, DD, Menü. Das leistungsstärkste sollte als Gitter betrachtet werden. Die Programmierungsidee basiert auf objektorientierter Programmierung (OOP), die eine sehr gute Skalierbarkeit aufweist. Sie können Erweiterungen selbst schreiben und Ihren eigenen Namespace definieren. Die Webanwendung fühlt sich möglicherweise zu groß an. Sie können jedoch die gewünschte Klassenbibliothek nach Bedarf laden.
Es enthält hauptsächlich drei große Dateien ext-all.css, ext-base.js, ext-all.js (einschließlich aller Klassenbibliotheken, Sie können sie nach Bedarf löschen. Die offizielle Website bietet diese Schnittstelle). Diese drei Dateien sind wichtig, wenn sie auf die EXT -Klassenbibliothek verweisen.
Es bietet ein reichhaltiges, sehr schönes Aussehenserlebnis und ist von vielen Interface -Entwicklern zu befriedigt! Seine Kernkomponenten decken im Grunde die häufig verwendeten Komponenten ab, mit denen wir reiche Clients erstellen.
Ausgehend von EXT 2 wird die kommerzielle Version (für diejenigen Entwickler, die Gewinn anstreben) berechnet.
Dies kann einige seiner Bewerbungsaussichten beeinflussen. Die aktuelle neueste Version ist 3.2.2
1. Erstellen Sie eine Schaltfläche hinzufügen, Listener Ereignis in der Schaltfläche Klicken Sie auf Ereignis.
{id: 'button1', xtype: 'button', margin: '6', text: 'add', name: 'btn-add', iconcls: 'btn-add', Hörer: {click: function () {var r = ext.create ('itemGridmdl', {// //……}}); Ext.getCMP ('Grid1'). GetStore (). Insert (ext.getCMP ('Grid1'). GetStore (). GetCount (), r); // fügen Sie eine Linie am Ende der Tabelle mit Zellbeobachtung hinzu. Ext.getCMP ('Grid1'). GetStore (). GetCount ()-1, Spalte: 1});}}}2. Rufen Sie diese Schaltflächenmethode auf
Ext.getCMP ('fbutton'). Fireevent ('click');3. Konfiguration von Plugins: Attribut in der Gittertabelle:
Plugins: [CelleDiting = ext.create ('ext.grid.plugin.cellediting', {clickStoedit: 1, Hörer: {Bearbeiten: Funktion (Editor, e) {}}})],