Let me tell you what ext is
ext is a powerful js class library, which was previously based on YAHOO-UI, but now it is completely independent, mainly including data, widget, form, grid, dd, menu. The most powerful one should be considered grid. The programming idea is based on object-oriented programming (OOP), which has very good scalability. You can write extensions yourself and define your own namespace. The web application may feel too large. However, you can load the class library you want as needed as needed.
It mainly includes three large files ext-all.css, ext-base.js, ext-all.js (including all class libraries, you can delete them as needed. The official website provides this interface). These three files are essential when referencing the ext class library.
It provides a rich, very beautiful appearance experience and has become a sought after by many interface developers! Its core components basically cover the commonly used components we use to build rich clients.
Starting with Ext 2, the commercial version (for those developers who aim for profit) will be charged.
This may affect some of his application prospects. The current latest version is 3.2.2
1. Create an add button, listeners event in button click event,
{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);//Add a line at the end of the table cellEditing.cancelEdit();cellEditing.startEditByPosition({//The position where the cursor appears in the table to be edited row: Ext.getCmp('grid1').getStore().getCount()-1,column: 1});} }}2. Call this button method
Ext.getCmp('fbutton').fireEvent('click');3.Configuration of plugins: attribute in grid table:
plugins:[cellEditing=Ext.create('Ext.grid.plugin.CellEditing', {clicksToEdit:1,listeners: {edit: function(editor,e) {}}})],