extjs动态存储模型网格列

Ext.onReady(function() {
    // 定义模型
    Ext.define('User', {
        extend: 'Ext.data.Model',
        fields: [
            { name: 'name', type: 'string' },
            { name: 'age', type: 'int' },
            { name: 'email', type: 'string' }
        ]
    });

    // 创建数据存储
    var store = Ext.create('Ext.data.Store', {
        model: 'User',
        data: [
            { name: 'Alice', age: 30, email: 'alice@example.com' },
            { name: 'Bob', age: 25, email: 'bob@example.com' }
        ]
    });

    // 创建网格面板
    var grid = Ext.create('Ext.grid.Panel', {
        title: 'Dynamic Columns Example',
        store: store,
        columns: [], // 初始为空
        renderTo: Ext.getBody()
    });

    // 动态添加列
    var columns = [
        { text: 'Name', dataIndex: 'name' },
        { text: 'Age', dataIndex: 'age' },
        { text: 'Email', dataIndex: 'email' }
    ];
    grid.reconfigure(store, columns);
});