extjs项目案例截图及下载汇总

Ext.require('Ext.grid.Panel', function() {
    // 确保组件加载成功后再进行操作
});

Ext.define('MyApp.model.User', {
    extend: 'Ext.data.Model',
    fields: ['name', 'email'],
    proxy: {
        type: 'memory',
        reader: {
            type: 'json'
        }
    }
});

var store = Ext.create('Ext.data.Store', {
    model: 'MyApp.model.User',
    data: [
        { name: 'John', email: 'john@example.com' },
        { name: 'Jane', email: 'jane@example.com' }
    ]
});

var grid = Ext.create('Ext.grid.Panel', {
    store: store,
    columns: [
        { text: 'Name', dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email' }
    ],
    renderTo: Ext.getBody()
});

Ext.create('Ext.panel.Panel', {
    title: 'Example Panel',
    layout: 'vbox',
    items: [
        { xtype: 'panel', title: 'Panel 1', flex: 1 },
        { xtype: 'panel', title: 'Panel 2', flex: 2 }
    ],
    renderTo: Ext.getBody()
});