Deixe -me dizer o que é extensão
O Ext é uma poderosa biblioteca de classes JS, que anteriormente era baseada no Yahoo-UI, mas agora é completamente independente, incluindo principalmente dados, widget, forma, grade, DD, menu. O mais poderoso deve ser considerado grade. A ideia de programação é baseada na programação orientada a objetos (OOP), que tem muito boa escalabilidade. Você pode escrever extensões e definir seu próprio espaço para nome. O aplicativo da web pode parecer muito grande. No entanto, você pode carregar a biblioteca de classes que deseja, conforme necessário.
Inclui principalmente três arquivos grandes ext-all.css, ext-bashe.js, ext-all.js (incluindo todas as bibliotecas de classe, você pode excluí-las conforme necessário. O site oficial fornece essa interface). Esses três arquivos são essenciais ao fazer referência à biblioteca de classe Ext.
Ele fornece uma experiência de aparência rica e muito bonita e se tornou uma procurada por muitos desenvolvedores de interface! Seus componentes principais cobrem basicamente os componentes comumente usados que usamos para construir clientes ricos.
Começando com o Ext 2, a versão comercial (para os desenvolvedores que buscam lucro) será cobrada.
Isso pode afetar algumas de suas perspectivas de aplicação. A versão mais recente atual é 3.2.2
1. Crie um botão Adicionar, evento dos ouvintes no evento de clique em Button,
{id: 'Button1', xtype: 'botão', margem: '6', texto: 'add', nome: 'btn-add', icoCls: 'btn-add', ouvintes: {clique: function () {var r = ext.create ('itemMdl', {//…}); Ext.getcmp ('grid1'). Getstore (). Insert (ext.getcmp ('grid1'). Getstore (). GetCount (), r); // Adicione uma linha no final da tabela Cellediting.CancelEdit (); Ext.getcmp ('grid1'). Getstore (). GetCount ()-1, coluna: 1});}}}2. Chame este método de botão
Ext.getcmp ('fbutton'). FireEvent ('clique');3.Configuração dos plugins: atributo na tabela de grade:
plugins: [CellEditing = ext.create ('ext.grid.plugin.cellediting', {clickstoedit: 1, ouvintes: {edit: function (editor, e) {}}})],