如何 实现 ExtJs 实现动态加载grid，请提供完整示例

ExtJS可以通过Store的proxy来实现动态加载Grid。下面是一个参考示例：

Ext.application({
    name: 'MyApp',
    launch: function() {
        Ext.create('Ext.data.Store', {
            storeId:'myStore',
            fields:['name', 'email', 'phone'],
            proxy: {
                type: 'ajax',
                url: '/data.json', // 对应后端数据接口
                reader: {
                    type: 'json',
                    rootProperty: 'data' // 数据集合的属性名
                }
            },
            autoLoad: true // 自动加载数据
        });

        Ext.create('Ext.grid.Panel', {
            title: 'My Grid Panel',
            store: Ext.data.StoreManager.lookup('myStore'),
            columns: [
                { text: 'Name',  dataIndex: 'name' },
                { text: 'Email', dataIndex: 'email', flex: 1 },
                { text: 'Phone', dataIndex: 'phone' }
            ],
            height: 200,
            width: 400,
            renderTo: Ext.getBody()
        });
    }
});

在上面的示例中，创建了一个Store，并设置了proxy的类型为ajax，url为数据接口的地址，reader的类型为json，rootProperty为数据集合的属性名。同时设置了autoLoad为true，使得Store在创建时自动加载数据。

然后创建了一个Grid Panel，并将Store设置为其数据源。最后通过renderTo将Grid Panel渲染到页面上。