Biarkan saya memberi tahu Anda apa itu Ext
Ext adalah perpustakaan kelas JS yang kuat, yang sebelumnya didasarkan pada Yahoo-UI, tetapi sekarang benar-benar independen, terutama termasuk data, widget, formulir, grid, DD, menu. Yang paling kuat harus dianggap sebagai kisi. Gagasan pemrograman didasarkan pada pemrograman berorientasi objek (OOP), yang memiliki skalabilitas yang sangat baik. Anda dapat menulis ekstensi sendiri dan menentukan namespace Anda sendiri. Aplikasi web mungkin terasa terlalu besar. Namun, Anda dapat memuat pustaka kelas yang Anda inginkan sesuai kebutuhan.
Ini terutama mencakup tiga file besar ext-all.css, ext-base.js, ext-all.js (termasuk semua perpustakaan kelas, Anda dapat menghapusnya sesuai kebutuhan. Situs web resmi menyediakan antarmuka ini). Ketiga file ini sangat penting saat merujuk perpustakaan Ext Class.
Ini memberikan pengalaman penampilan yang kaya dan sangat indah dan telah menjadi pencarian oleh banyak pengembang antarmuka! Komponen intinya pada dasarnya mencakup komponen yang umum digunakan yang kami gunakan untuk membangun klien yang kaya.
Dimulai dengan Ext 2, versi komersial (untuk pengembang yang bertujuan untuk keuntungan) akan dibebankan.
Ini dapat memengaruhi beberapa prospek aplikasinya. Versi terbaru saat ini adalah 3.2.2
1. Buat Tombol Tambah, Acara Pendengar di Acara Klik Tombol,
{id: 'button1', xtype: 'tombol', margin: '6', teks: 'tambahkan', nama: 'btn-add', iconCls: 'btn-add', pendengar: {klik: function () {var r = ext.create ('itemGridMdl', {/////. Ext.getcmp ('grid1'). GetStore (). Masukkan (ext.getcmp ('grid1'). GetStore (). GetCount (), r); // tambahkan garis di ujung cellediting.canceledit (); cellediting.starteditposition ({// Posisi CURSOrt (); cellediting. Ext.getcmp ('grid1'). GetStore (). GetCount ()-1, kolom: 1});}}}2. Panggil metode tombol ini
Ext.getcmp ('fbutton'). Fireevent ('click');3. Konfigurasi plugin: Atribut dalam tabel grid:
Plugins: [cellediting = ext.create ('ext.grid.plugin.cellediting', {clickstoEdit: 1, pendengar: {edit: function (editor, e) {}}})],