Laissez-moi vous dire ce qu'est EXT
EXT est une puissante bibliothèque de classe JS, qui était auparavant basée sur Yahoo-UI, mais maintenant elle est complètement indépendante, incluant principalement les données, le widget, le formulaire, la grille, le DD, le menu. Le plus puissant doit être considéré comme une grille. L'idée de programmation est basée sur la programmation orientée objet (POO), qui a une très bonne évolutivité. Vous pouvez écrire vous-même des extensions et définir votre propre espace de noms. L'application Web peut être trop grande. Cependant, vous pouvez charger la bibliothèque de classe que vous souhaitez, selon les besoins.
Il comprend principalement trois fichiers volumineux ext-all.css, ext-bas.js, ext-all.js (y compris toutes les bibliothèques de classe, vous pouvez les supprimer au besoin. Le site officiel fournit cette interface). Ces trois fichiers sont essentiels lors de la référence à la bibliothèque de classe EXT.
Il offre une expérience d'apparence riche et très belle et est devenu recherché par de nombreux développeurs d'interface! Ses composants principaux couvrent essentiellement les composants couramment utilisés que nous utilisons pour construire des clients riches.
En commençant par EXT 2, la version commerciale (pour les développeurs qui visent à profit) seront facturées.
Cela peut affecter certaines de ses perspectives de demande. La dernière version actuelle est 3.2.2
1. Créez un bouton Ajouter, événement auditeur dans l'événement de clic du bouton,
{id:'button1',xtype: 'button',margin: '6',text: 'add',name: 'btn-add',iconCls: 'btn-add',listeners:{click:function(){var r = Ext.create('ItemGridMdl', { //………});//Data to be inserted into the table Ext.getcmp ('grid1'). GetStore (). Insert (ext.getcmp ('grid1'). GetStore (). GetCount (), r); // ajouter une lignée à la fin de la table cellEdit Ext.getcmp ('grid1'). GetStore (). GetCount () - 1, colonne: 1});}}}2. Appelez cette méthode de bouton
Ext.getcmp ('fbutton'). FireEvent ('click');3.Configuration des plugins: attribut dans la table de grille:
Plugins: [celDediting = ext.create ('ext.grid.plugin.celledIdit', {clickstoedit: 1, écouteurs: {edit: function (editor, e) {}}})],