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

在 VS Code 中实现 ExtJS 动态加载 Grid，可以按照以下步骤进行：

1. 确保已经安装了 ExtJS 库，并在项目中引入了相应的 JS 和 CSS 文件。

2. 在 HTML 文件中准备一个空的 DIV 元素，用于渲染 Grid：

<div id="myGrid"></div>

3. 创建一个 JavaScript 文件，用于定义 Grid 的数据源和列模型，并实现动态加载。下面是一个简单的示例代码：

Ext.onReady(function() {
    // 创建数据源
    var myStore = Ext.create('Ext.data.Store', {
        autoLoad: true,
        fields: ['name', 'email', 'phone'],
        proxy: {
            type: 'ajax',
            url: 'data.json', // 这里是数据源的 URL，可以使用动态加载方式
            reader: {
                type: 'json',
                rootProperty: 'data'
            }
        }
    });

    // 创建列模型
    var myColumns = [
        { text: 'Name', dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email' },
        { text: 'Phone', dataIndex: 'phone' }
    ];

    // 创建 Grid
    var myGrid = Ext.create('Ext.grid.Panel', {
        renderTo: 'myGrid', // 渲染到指定的 DIV 元素
        store: myStore,
        columns: myColumns,
        height: 300,
        width: 500
    });
});

在这个示例中，数据源使用了 AJAX 方式加载，URL 是 `data.json`。实际应用中，可以根据需要动态生成 URL。

4. 在 HTML 文件中引入 JavaScript 文件：

<script src="myScript.js"></script>

5. 运行 HTML 文件，即可看到动态加载的 Grid。