Ext.data.Store从后台获取数据的方式

Ext.data.Store 类是 ExtJS 中用于管理数据的核心类之一，它提供了从后台获取数据、本地缓存数据、数据筛选和排序等功能。下面介绍一下 Ext.data.Store 从后台获取数据的几种方式。

1. Ajax 请求方式

可以通过在 Store 的 proxy 配置中设置 type 为 ajax，然后配置 url、method、params 等参数来发送 Ajax 请求，从后台获取数据。示例代码如下：

Ext.create('Ext.data.Store', {
    proxy: {
        type: 'ajax',
        url: 'your_url',
        method: 'GET',
        params: {
            // 请求参数
        },
        reader: {
            type: 'json',
            rootProperty: 'data'
        }
    },
    autoLoad: true,
    fields: [
        // 字段定义
    ]
});

2. JsonP 请求方式

可以通过在 Store 的 proxy 配置中设置 type 为 jsonp，然后配置 url、callbackKey 等参数来发送 JsonP 请求，从后台获取数据。示例代码如下：

Ext.create('Ext.data.Store', {
    proxy: {
        type: 'jsonp',
        url: 'your_url',
        callbackKey: 'callback',
        reader: {
            type: 'json',
            rootProperty: 'data'
        }
    },
    autoLoad: true,
    fields: [
        // 字段定义
    ]
});

3. Restful 请求方式

可以通过在 Store 的 proxy 配置中设置 type 为 rest，然后配置 url、reader、writer 等参数来发送 Restful 请求，从后台获取数据。示例代码如下：

Ext.create('Ext.data.Store', {
    proxy: {
        type: 'rest',
        url: 'your_url',
        reader: {
            type: 'json',
            rootProperty: 'data'
        },
        writer: {
            type: 'json'
        }
    },
    autoLoad: true,
    fields: [
        // 字段定义
    ]
});

4. WebSocket 请求方式

可以通过在 Store 的 proxy 配置中设置 type 为 websocket，然后配置 url、reader、writer 等参数来发送 WebSocket 请求，从后台获取数据。示例代码如下：

Ext.create('Ext.data.Store', {
    proxy: {
        type: 'websocket',
        url: 'your_url',
        reader: {
            type: 'json',
            rootProperty: 'data'
        },
        writer: {
            type: 'json'
        }
    },
    autoLoad: true,
    fields: [
        // 字段定义
    ]
});

需要注意的是，以上不同类型的请求方式需要根据后台接口的实际情况进行选择和配置。同时，在 Store 的 fields 配置中也需要定义从后台获取的数据字段。